Sintaksa e Pronës së Familjes së Fshehtë
Dizajni tipografik është një pjesë kritike e një dizajni të suksesshëm të uebfaqes. Krijimi i faqeve me tekst që është i lehtë për t'u lexuar dhe i cili duket i shkëlqyeshëm është qëllimi i çdo profesionalisti të web design. Për të arritur këtë, ju duhet të jeni në gjendje të vendosni fontet specifikë që dëshironi të përdorni në faqet tuaja të internetit. Për të specifikuar tipografinë ose familjen e shkronjave në dokumentet Web, do të përdorni pronën e stilit të shkronjave-font në CSS-në tuaj.
Stili i thjeshtë i font-familjes që mund të përdorni do të përfshinte vetëm një familje font:
p {font-family: Arial; }Nëse e keni aplikuar këtë stil në një faqe, të gjitha paragrafët do të shfaqen në familjen e shkronjave "Arial". Kjo është e mrekullueshme dhe pasi që "Arial" është ajo që njihet si një "font i sigurt në internet", që do të thotë se kompjuteri më (nëse jo të gjithë) do ta ketë instaluar, mund të ndiheni shumë lehtë duke e ditur se faqja juaj do të shfaqet në fontin e synuar .
Pra, çfarë ndodh nëse font i zgjedhur nuk mund të gjendet? Për shembull, nëse nuk përdorni një "font të sigurt në internet" në një faqe, çfarë bën agjenti i përdoruesit nëse nuk e ka atë font? Ata bëjnë një zëvendësim.
Kjo mund të rezultojë në disa faqe shumë interesante. Njëherë shkoja në një faqe ku kompjuteri im e shfaqte plotësisht në "Wingdings" (një set i ikonave), sepse kompjuteri im nuk kishte fontin që zhvilluesi i kishte caktuar, dhe shfletuesi im bëri një zgjedhje shumë të varfër në atë font që do të bënte përdorni si zëvendësim. Faqja ishte krejtësisht e paqartë për mua! Kjo është ajo ku një pirg font futet në lojë.
Familjet e ndara të shumëfishtë të shkronjave me një prerje në një Stack Font
Një "pirg fontësh" është një listë fontash që dëshironi që faqja juaj të përdorë. Ju do të vendosni zgjedhjet tuaja të shkronjave sipas preferencës tuaj dhe veçoni secilën me një presje. Nëse shfletuesi nuk ka familjen e parë të shkronjave në listë, do të provojë të dytë dhe pastaj të tretën e kështu me radhë derisa të gjejë atë që ka në sistem.
font-family: Pussycat, algjeriane, Broadway;Në shembullin e mësipërm, shfletuesi së pari do të shikojë fontin "Pussycat", pastaj "algjerian" pastaj "Broadway" në qoftë se asnjë prej fonteve të tjera nuk u gjet. Kjo ju jep më shumë mundësi që të përdoren të paktën një nga shkronjat tuaja të zgjedhura. Nuk është e përsosur, prandaj edhe kemi akoma më shumë që mund t'i shtojmë stackit tonë të fonteve (lexo!).
Përdorni Fonts Generic Last
Kështu që mund të krijoni një pirg të fonteve me një listë fontash dhe ende nuk keni asnjë prej të cilave shfletuesi mund ta gjejë. Ju padyshim nuk duan që faqja juaj të shfaqet e paqartë nëse shfletuesi bën një zgjedhje të dobët zëvendësimi. Për fat të mirë, CSS ka edhe një zgjidhje për këtë: fontet e përgjithshëm .
Ju duhet gjithmonë të përfundoni listën tuaj të shkronjave (edhe nëse është një listë e një familje ose vetëm fontet e sigurtë të internetit) me një font të përgjithshëm. Ka pesë që mund të përdorni:
- kursiv
- fantazi
- Monospace
- sans-serif
- shrift me dhëmbëza
Dy shembujt e mësipërm mund të ndryshohen në:
font-familja: Arial, sans-serif; font-family: Pussycat, algjeriane, Broadway, fantazi;Disa emra të familjes së shkronjave janë dy ose më shumë fjalë
Nëse familja e shkronjave që dëshironi të përdorni është më shumë se një fjalë, atëherë ju duhet ta rrethoni me shenja të dyfishta. Ndërsa disa shfletues mund të lexojnë familjet e shkronjave pa thonjëza, mund të ketë probleme nëse hapësira e hapësirës është e kondensuar ose injoruar.
font-familja: "Times New Roman", serif;Në këtë shembull, mund të shihni se emri i shkrimit "Times New Roman", që është shumëfishtë, është i përfshirë në kuotat. Kjo tregon shfletuesit se të tre këto fjalë janë pjesë e atij emri të fontit, në krahasim me tre fonts të ndryshëm të gjithë me emra me një fjalë.
Artikulli origjinal nga Jennifer Krynin. Redaktuar të 12/2/16 nga Jeremy Girard