Gamitin ang mga Maaasahan na Mga Font ng HTML sa Iyong Mga Web Page
Paghahanap ng isang mahusay na stack ng font na nagbibigay ng parehong estilo ng iyong website ngunit maaasahan din sa kabuuan ng karamihan ng mga website out doon ay maaaring nakakalito. Kung gumamit ka ng mga hindi ligtas na font ng web pagkatapos ang iyong website ay maaaring hindi tumingin habang balak mong ito kapag binago ng browser ang isang nakakagulat na bagay para sa iyong magarbong font.
Ang mga stack ng font ay pinaghihiwalay ng pamilya (serif, monospace, atbp.). Kapag gumamit ka ng isang font na hindi isang web safe font, dapat mo munang ilagay ito sa iyong font stack, at pagkatapos ay idagdag ang isa sa mga stack na ito sa dulo.
Piliin ang font stack na pinakamalapit sa estilo at tumingin sa iyong ginustong font.
Sans Serif Web Safe Font Stacks
Sans serif text ay mabuti para sa pagbabasa sa mga web page dahil walang mga serifs upang makakuha ng malabo sa screen.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Epekto, Uling, sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
Serif Web Safe Font Stacks
Ang mga font Serif ay mahusay para sa mga headline. Ang mas malaking uri ng mga headline ay nangangahulugan na ang serifs ay hindi makakakuha ng malabo sa mga monitor.
font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-family: Bookman, serif;
font-family: Georgia, serif;
font-family: 'MS Serif', 'New York', serif;
font-family: 'Times New Roman', Times, serif;
Mga Stack ng Monospace Font
Ang mga monospace font ay kadalasang ginagamit upang mag-render ng code at iba pang uri na mukhang pinakamainam sa isang font kung saan ang lahat ng mga character ay pareho ang lapad - tulad ng mga typewriter font.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Tingnan ang mga halimbawa ng stack ng monospace font.
Cursive Font Stacks
Ang mga kursibo ng font ay maaaring mahirap basahin, at ang pinaka-karaniwang nakikita sa karamihan sa mga sistema (Comic Sans) ay hindi ginusto ng maraming mga tao na tulad nito.
font-family: 'Comic Sans MS', cursive;
Mga Stack na Pantasiya ng Font
Tulad ng mga font na kursiba, ang mga pantasyang font ay maaaring mahirap basahin, at mas karaniwan ang mga ito sa halos lahat ng mga sistema. Sa katunayan, maaari mong mapansin na ginagamit ko ang parehong stack ng font bilang isang ginamit ko sa itaas sa kategoryang sans serif, na dahil ang epekto at uling ay napakahalaga na ang ilang mga tao ay isaalang-alang ang mga pantasyang mga font.
font-family: Epekto, Uling, pantasiya;
Dingbats, Wingdings, o Symbol Font Stacks
Ang dingbats o mga pakpak ay simbolo ng mga font na nagpapakita ng mga maliit na icon o mga larawan sa halip na mga titik. Walang generic na uri ng font para sa mga ito, at sa gayon ang ilang mga computer ay maaaring magpakita ng ibang mga font kaysa sa iyong inaasahan. Dagdag pa, ipapakita lamang ng Internet Explorer ang mga simbolo. Ipapakita lamang ng Firefox at iba pang mga browser ang teksto sa default na font para sa browser.
font-family: Symbol;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';