Alamin ang Gamitin ang CSS upang Baguhin ang Mga Katangian ng Font
Mga Font at CSS
Ang CSS ay ang pinaka-epektibong paraan upang ayusin ang mga font sa iyong web page. Maaari mong kontrolin ang font ng pamilya , laki, kulay, timbang, at marami pang ibang aspeto ng palalimbagan.
Ang mga katangian ng font sa CSS ay isa sa mga pinaka-karaniwang paraan upang gawing mas natatanging at kakaiba ang iyong pahina. Madaling baguhin ang kulay, sukat, at kahit na mukha (ang font mismo) ng iyong teksto sa CSS properties properties .
- kulay
- font-family
- laki ng font
May tatlong bahagi sa isang font:
- kulay
- Ito ang kulay na ipapakita ng font tulad ng sa screen.
- laki
- Ito ay kung paano malaki o maliit ang typeface ay magre-render sa screen.
- mukha
- Ito ang pamilya ng font, kung ano ang madalas na tinutukoy bilang ang aktwal na font.
Mga Kulay ng Font
Upang baguhin ang kulay ng teksto, gamitin lamang ang estilo ng estilo ng kulay ng CSS. Maaari mong gamitin ang alinman sa mga pangalan ng kulay o hexadecimal code. Tulad ng lahat ng kulay sa web, pinakamahusay na gamitin ang mga kulay ng browser na ligtas .
Subukan ang mga sumusunod na estilo sa iyong mga web page:
ang font na ito ay kulay pula
ang font na ito ay kulay asul
Laki ng Font
Kapag itinakda mo ang laki ng font sa web maaari mong itakda ito sa mga kamag-anak na laki o maging napaka-tukoy na gamit ang mga pixel, centimetro o pulgada. Gayunpaman, ang mas eksaktong laki ng font ay sinadya upang magamit para sa pag-print at hindi para sa mga web page, kung saan ang lahat na nagtingin sa iyong website ay maaaring magkaroon ng iba't ibang resolution, laki ng monitor, o default na setting ng font. Kaya, kung pipiliin mo ang 15px bilang iyong karaniwang sukat, maaaring hindi ka magulat na makita kung gaano malaki o maliit ang iyong font na nag-render sa iyong mga customer.
Inirerekomenda ko na gamitin mo ang em para sa laki ng font . Pinapayagan ka ng Ems na manatiling naa-access ang iyong pahina kahit sino ang tumitingin nito, at ang em ay sinadya para sa screen rendering. Iwanan ang iyong mga pixel at mga puntos para sa pag-render ng pag-print. Upang baguhin ang laki ng font, ilagay ang sumusunod na estilo sa iyong web page:
ang font na ito ay 1em
Ang font na ito ay .75em
ang font na ito ay 1.25em
Mga Mukha ng Font
Ang mukha ng iyong font ay kung ano ang iniisip ng maraming tao kapag iniisip nila ang "font." Maaari mong ipahayag ang anumang mukha ng font na gusto mo, ngunit tandaan, kung ang iyong mambabasa ay walang font na naka-install ang kanilang browser ay susubukan na makahanap ng isang tugma para dito, at ang kanilang pahina ay hindi magmukhang gaya ng iyong nilalayon.
Upang matugunan ang problemang ito, maaari mong tukuyin ang isang listahan ng mga pangalan ng mukha, na pinaghihiwalay ng mga kuwit, para magamit ng browser sa pagkakasunud-sunod ng kagustuhan. Ang mga ito ay tinatawag na stack ng font. Tandaan na ang isang karaniwang font sa isang PC (tulad ng Arial) ay hindi maaaring maging standard sa isang Macintosh. Kaya dapat mong palaging tingnan ang iyong mga pahina sa isang minimally na naka-install na makina (at mas mabuti sa parehong platform) upang tiyakin na ang iyong pahina ay mukhang dinisenyo kahit na may kaunting mga font.
Ang isa sa aking mga paboritong stack ng font ay Ang set na ito ay isang koleksyon ng sans-serif na font at habang ang geneva at arial ay hindi mukhang masyado katulad, parehas silang karaniwang sa Macintosh at Windows computer. Isinasama ko ang helvetica at helv para sa mga customer sa iba pang mga operating system tulad ng Unix o Linux na maaaring hindi magkaroon ng isang matatag na library ng font.
ang font na ito ay sans-serif
ang font na ito ay serif