Sintaksis saka Properti Font-Family
Desain tipografi minangka potongan situs web sing sukses banget. Nggawe situs kanthi teks sing gampang diwaca lan katon apik iku gol saben profesional desain web. Kanggo entuk iki, sampeyan kudu nyetel font tartamtu sing pengin digunakake ing kaca web sampeyan. Kanggo nemtokake typeface utawa kulawarga font ing dokumen Web sampeyan, sampeyan bakal nggunakake properti gaya font-font ing CSS sampeyan.
Gaya font-kulawarga paling gampang sing bisa sampeyan gunakake bakal kalebu mung siji font kulawarga:
p {font-family: Arial; }Yen sampeyan nggunakake gaya iki menyang kaca, kabeh paragraf kasebut bakal ditampilake ing kulawarga font "Arial". Iki apik lan wiwit "Arial" iku sing dikenal minangka "web-safe font", sing artine paling (yen ora kabeh) komputer bakal nginstal, sampeyan bisa ngaso kanthi gampang ngerti yen kaca sampeyan bakal ditampilake ing font sing dimaksud .
Supaya apa sing kedadeyan yen font sampeyan milih ora bisa ditemokake? Contone, yen sampeyan ora nggunakake "web safe font" ing kaca, apa panganggo user apa yen ora duwe font kasebut? Dheweke nggawe substitusi.
Iki bisa nyebabake sawetara kaca sing lucu banget. Aku tau menyang kaca ngendi komputerku nampilake kanthi bener ing "Wingdings" (set icon-icon) amarga komputerku ora duwe font sing wis ditemtokake pangembang, lan browser saya milih pilihan sing paling miskin apa ing font kasebut digunakake minangka panggantos. Kaca iki ora bakal bisa diwaca kanggo kula! Iki minangka tumpukan tumpukan font.
Pisah Multiple Fonts Kulawarga karo Komma ing Stack Font
A "tumpukan font" minangka dhaptar font sing pengin sampeyan nggunakake kaca. Sampeyan bakal milih pilihan font sampeyan supaya pilihan lan misahake saben koma. Yen browser ora nduweni kulawarga font pisanan ing dhaftar, bakal nyoba liya lan kaping telu lan sateruse nganti ketemu wong sing wis ana ing sistem kasebut.
font-family: Pussycat, Algerian, Broadway;Ing conto ndhuwur, browser bakal nemokake font "Pussycat", banjur "Aljazair" banjur "Broadway" yen ora ana fonte liyane sing ditemokake. Iki menehi sampeyan luwih saka kasempatan sing paling sethithik salah siji font sing dipilih bakal digunakake. Sampeyan ora sampurna, mulane kita durung bisa nambah font tumpukan kita (maca ing!).
Gunakake Generic Fonts Last
Supaya sampeyan bisa nggawe tumpukan font karo daftar fonts lan isih ora ana sing bisa ditemokake browser. Sampeyan kanthi temenan ora pengin kaca sampeyan katon ora bisa diwaca yen browser ndadekake pilihan penggantos sing ora apik. Untunge CSS nduweni solusi kanggo iki uga: font umum .
Sampeyan mesthi kudu mungkasi dhaptar font sampeyan (sanajan sawijining dhaptar siji kulawarga utawa mung web aman fonts) karo font umum. Ana lima sing bisa digunakake:
- cursive
- fantasi
- monospace
- sans-serif
- serif
Conto ing ndhuwur kasebut bisa diganti dadi:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantasy;Sawetara Nama Keluarga Fonetik yaiku Loro utawa Tembung Liyane
Yen kulawarga font sampeyan pengin nggunakake luwih saka siji tembung, sampeyan kudu ngubengi nganggo tandha kutip ganda. Nalika sawetara browser bisa maca kulawarga font tanpa tandha kutip, bisa uga ana masalah yen ruang spasi dipadhetke utawa diabaikan.
font-family: "Times New Roman", serif;Contone, sampeyan bisa ndeleng manawa jeneng font "Times New Roman", sing multi-tembung, dibungkus nganggo kuotasi. Iki ngandhani browser sing kabeh telung ukara kasebut minangka bagean saka jeneng font, minangka lawan saka telung huruf sing beda-beda kabeh nganggo siji-tembung.
Artikel asli dening Jennifer Krynin. Diedit ing 12/16/16 dening Jeremy Girard