Një nga detyrat kryesore të dizajnit të uebit është zgjedhja e duhur fontet standarde. Shërbimet e futjes së shkronjave si Google Web Fonts ose Typekit u krijuan si një alternativë me qëllimin për të ofruar diçka të re.
Ato janë shumë të lehta për t'u përdorur. Le të marrim Google Web Fonts si shembull.
Zgjidhni fontin Open Sans, Droid Serif ose Lato. Shkruani kodin dhe ngjisni atë në element dokument HTML. Jeni gati ta referoni atë në CSS! I gjithë procesi zgjati jo më shumë se 60 sekonda. Dhe gjithçka është plotësisht falas.
Çfarë mund të jetë e gabuar?
Disa font mund të mos jenë të disponueshëm për të gjithë. Dhe kjo do të thotë se mund të ketë probleme. Jeni të lumtur që zgjodhët një font të bukur për faqen, por vizitori i faqes në internet sheh shkrime të shëmtuara.
Kjo nuk do të ndodhë nëse zbatoni një opsion rezervë.
Sa e rëndësishme është përdorimi i shkronjave të sigurta të uebit?
Çdo pajisje ka grupin e vet të shkronjave të para-instaluara. Cila varet nga sistemi operativ. Problemi është se ka dallime të vogla mes tyre.
Po faqet e internetit? Ashtu si ky? Fonti që shihni mund të mos jetë ai që ishte specifikuar fillimisht për sitin.
Çfarë do të thotë? Le të themi se projektuesi ka zgjedhur disa familje fontesh me pagesë për sitin. Nëse nuk i keni të instaluara dhe nuk ofrohen nga një shërbim i veçantë ueb, atëherë fonti që shihni është një nga opsionet standarde. Për shembull, Times New Roman.
Prandaj, teksti në ekranin tuaj mund të duket thjesht i tmerrshëm.
Dhe këtu fontet standarde për sitin në dispozicion në të gjitha sistemet operative. Ky është një koleksion i vogël i disponueshëm në Windows, Mac, Google, si dhe Unix dhe Linux.
Me ndihmën e kësaj përzgjedhjeje, projektuesit, si dhe pronarët e faqeve të internetit, mund të specifikojnë se cili font duhet të përdoret si font rezervë. Kjo ju jep mundësinë për të kontrolluar se si do të duket faqja në pajisje të ndryshme.
Si opsion kthimi, zhvilluesi zgjedh një font që është shumë i ngjashëm me atë origjinal dhe është ky që do t'i shfaqet përdoruesit.
Le të hedhim një vështrim në një përzgjedhje të më të njohurve fontet standarde HTML.
15 fontet më të mira të sigurta në ueb
Arial
Konsiderohet standard në shumicën e rasteve. Shkronja më e zakonshme " sans serif"ose fonts sans serif ( të cilat nuk kanë vargje në fund të shkronjave). Shpesh përdoret në Windows për të zëvendësuar karaktere të tjera.
Helvetica
Helvetica është një shpëtim për projektuesit. Kjo font standard në internet funksionon pothuajse gjithmonë ( të paktën si një rrjet sigurie për fontet e tjera).
Times New Roman
Shërben të njëjtin rol për fontet serif siç bën Arial për ato sans serif. Është një nga më të njohurit në pajisjet Windows. Ky është një version i përditësuar i fontit të vjetër Times.
Kohët
CSS font standard The Times është e njohur për shumicën. Shumë njerëz e kujtojnë atë me shkronja të vogla në rubrikat e ngushta të gazetave të vjetra. Lloji më i zakonshëm i shtypjes që është bërë traditë.
Korrier i ri
Ngjashëm me Times New Roman dhe përdoret si një variant i klasikëve të vjetër. Konsiderohet gjithashtu një font me një hapësirë. Ndryshe nga fontet serif dhe sans serif, të gjithë karakteret e tij kanë të njëjtën gjerësi.
Korrier
Një font i vjetër me gjerësi fikse që përdoret si rezervë në pothuajse të gjitha pajisjet dhe sistemet operative.
Verdana
Verdana me të drejtë mund të konsiderohet një font i vërtetë ueb ( font i vërtetë ueb) falë linjave të thjeshta që veprojnë si serif, si dhe një madhësie të madhe. Shkronjat e tij janë pak të zgjatura, kështu që ato lexohen lehtësisht në ekran.
Gjeorgjia
Shkronja standarde e uebit Georgia është e ngjashme në formë dhe madhësi me fontin Verdana. Karakteret e tij janë më të mëdha se shkronjat e tjera me të njëjtën madhësi. Por është më mirë të mos e përdorni në kombinim me të tjerët. I njëjti Times New Roman duket si një xhuxh në krahasim.
Palatino
Palatino daton në epokën e Rilindjes. Pa shaka. Ky është një tjetër font i madh që është i përsosur për ueb. Përdoret zakonisht në tituj dhe reklama.
Garamond
Një font tjetër i lashtë që u shfaq në shekullin e 16-të në Paris. Versioni i tij i ri dhe i përmirësuar vjen standard në shumicën e pajisjeve Windows. Më vonë, ky font u miratua nga sisteme të tjera operative.
Bookman
Bookman ( ose Bookman Old Style) - nje nga fontet më të mira standarde për titujt. Karakteristika e tij karakteristike është lexueshmëria edhe kur përdoret një madhësi e vogël.
Comic Sans MS
Comic Sans MS është një alternativë argëtuese për fontet serif.
Trebuchet MS
Ky është një font me temë mesjetare i zhvilluar fillimisht nga Microsoft në mesin e viteve nëntëdhjetë. Është përdorur në Windows XP. Sot përdoret për të hartuar tekstin kryesor.
Arial Zi
Analoge font standard për sitin Arial. Vërtetë, është më i madh, më i trashë dhe më i ashpër. Përmasat e tij janë të ngjashme me fontin Helvetica. Dhe a është e rëndësishme. Ata munden Zëvendësoni me sukses Helvetica pa pasur nevojë të blini një licencë.
Ndikimi
Një tjetër font i shkëlqyeshëm për të theksuar titujt. Ajo funksionon mirë në një frazë të shkurtër të përbërë nga disa fjalë, si dhe në fjali të gjata.
Fontet janë një pjesë integrale dhe shumë e rëndësishme e dizajnit të një faqe interneti, duke theksuar individualitetin e saj. Artikulli do të flasë për lidhjen e shkronjave standarde me një faqe interneti, ato quhen gjithashtu fontet e sistemit, dhe në artikullin vijues do të shikojmë në detaje zgjedhjen dhe lidhjen e shkronjave nga Google Fonts me një faqe WordPress.
Sistemi, fontet standarde, të sigurta
Çdo shfletues shfaq vetëm ato fontet që janë të pranishme në sistemin operativ të kompjuterit. Kjo është arsyeja pse ato quhen sisteme dhe instalohen si parazgjedhje së bashku me sistemin operativ.
Dhe ato quhen shkronja të sigurta sepse ka të ngjarë të shfaqen në shfletuesin e shumicës së vizitorëve të faqes.
Por problemi është se sisteme të ndryshme operative kanë grupe të ndryshme shkronjash të instaluara. Ju mund të shikoni grupet e shkronjave të dhëna së bashku me sistemin operativ në faqet zyrtare të Windows dhe Mac OS. Dhe në Unix/Linux nuk ka fare standarde.
Në mënyrë që faqja e internetit të shfaqet në përputhje me idenë e projektuesit, në CSS u instalua një veçori e fontit të quajtur font-family.
prona font-familje
Vetia font-family është familje e shkronjave të grupuara sipas karakteristikave të caktuara.
Familjet gjenerike:
- serif - fontet me serif në skajet;
- sans-serif - fonts sans-serif;
- shkronjat kursive - italike;
- fantazi - shkronja dekorative;
- monospace - font monospace (me germa të së njëjtës gjerësi).
Në këtë mënyrë, fontet e ngjashme nga sisteme të ndryshme operative thjesht zgjidhen dhe lidhen me faqen e internetit të ndara me presje.
Ja një shembull, vetëm për perceptim vizual. Ne do t'i kthehemi këtij shembulli më vonë kur të shqyrtojmë lidhjen e drejtpërdrejtë të shkronjave.
Thjesht ndiqni logjikën dhe gjithçka do të bëhet e qartë.
Trupi (font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; )
Le të shohim se çfarë është shkruar:
- OS Windows - Arial;
- OC Mac OS - Helvetica CY;
- OC Unix/Linux - Nimbus Sans L;
- Familje gjenerike - sans-serif.
Të ashtuquajturat shkronja të sigurta
Bazuar në OS Windows, është përpiluar një listë me disa shkronja të sigurta.
- Arial
- Arial Zi
- Comic Sans MS
- Korrier i ri
- Gjeorgjia
- Ndikimi
- Times New Roman
- Trebuchet MS
- Verdana
Të gjitha këto fonte janë instaluar në Mac OS X, Windows dhe shumë përdorues të Unix/Linux që kanë të instaluar fontet Core për paketën Web.
Për përdoruesit e tjerë, ofrohet një tabelë korrespondence. Ai përmban shkronja të ngjashme që i përkasin një familjeje specifike.
Tabela e korrespondencës dhe përkatësisë së shkronjave në një familje specifike:
| Dritaret | MacOS | Unix/Linux | familje stërgjyshore |
|---|---|---|---|
| Arial Zi | Helvetica C.Y. | Nimbus Sans L | Sans-serif |
| Arial | Helvetica C.Y. | Nimbus Sans L | Sans-serif |
| Comic Sans MS | Monako CY | * (Shikoni më poshtë) | kursive |
| Korrier i ri | * (Shikoni më poshtë) | Nimbus Mono L | Monohapësirë |
| Gjeorgjia | * (Shikoni më poshtë) | Libri shkollor i shekullit L | Serif |
| Ndikimi | Qymyr druri C.Y. | * (Shikoni më poshtë) | Sans-serif |
| Times New Roman | Times C.Y. | Nimbus Roman Nr 9 L | Serif |
| Trebuchet MS | Helvetica C.Y. | * (Shikoni më poshtë) | Sans-serif |
| Verdana | Gjenevë C.Y. | DejaVu Sans | Sans-serif |
* Kur lidhni fontet, mund të mbështeteni me siguri në të. Tabela mbështet karakteret cirilike dhe alfabetin rus.
Unë e mora vetë tabelën në këtë artikull.
Lidhja e shkronjave të sistemit me sitin
Ka disa mënyra për të lidhur fontet e sistemit me faqen tuaj. Përveç kësaj, ju mund të lidhni fonte të ndryshme me paragrafë të ndryshëm. Aplikoni fonte të ndryshme për fjalët dhe frazat individuale. Tani do të përpiqem të marr parasysh të gjitha këto.
Pra, le të bëjmë gjithçka në rregull.
Lidhja e shkronjave në një skedar CSS
Nëse keni nevojë të lidheni fontin kryesor për të gjithë dokumentin, thjesht duhet të shtoni kodin e mëposhtëm në fletën e stilit:
Trupi ( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* lidhni fontin me të gjithë dokumentin */ madhësia e shkronjave: 16 px; /* vendosni gjithashtu madhësinë e shkronjave */ fontin -pesha: 400; /* vendosni peshën e fontit, ose në vend të 400, vendosni vlerën në normale */ )
Caktimi i një fonti për titujt H1, H2, H3, H4, H5, H6, (këtu është e njëjta gjë, ne thjesht vendosëm vlerën e shkronjave për të theksuar titujt):
H1,h2,h3,h4,h5,h6( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* lidhni fontin me titujt */ pesha e shkronjave: 600; / * vendosni peshën e shkronjave, ose në vend të 600, vendosni vlerën në shkronja të zeza */ )
Ne caktojmë një font vetëm për paragrafët:
P( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* lidhni fontin me paragrafët, mund të aplikohet në lista, blloqe div, forma dhe elementë të tjerë */ pesha e shkronjave : normal; /* vendosni peshën e shkronjave, ose në vend të 600, vendosni vlerën në shkronja të zeza */ madhësia e shkronjave: 16 px; /* vendosni gjithashtu madhësinë e shkronjave për paragrafët */
te caktoni një font vetëm për një paragraf specifik, ose bllokoni, fillimisht duhet t'i caktoni një klasë këtij blloku në dokumentin HTML
Këtu është një paragraf me një font të personalizuar
Dhe në tabelën CSS shkruani kodin e mëposhtëm:
Font( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* ne e lidhim fontin me paragrafë të caktuar, mund të aplikohet në lista individuale, blloqe div, forma dhe elementë të tjerë */ pesha e shkronjave: normale; /* vendosni peshën e shkronjave, ose në vend të 600, vendosni vlerën në shkronja të zeza */ madhësia e shkronjave: 16 px; /* vendosni gjithashtu madhësinë e shkronjave për paragrafët */ )
Tani, çdo etikete - një element html me një klasë font (quajeni si të doni) do t'i caktohet një font Arial, me normal (400), guxim dhe një madhësi prej 16 pikselësh.
Në mënyrë të ngjashme, mund të caktoni fonte të ndryshme në listat, tabelat, blloqet e tëra div, fjalët ose frazat individuale.
Lidhja e shkronjave në një dokument HTML
Fontet përfshihen drejtpërdrejt në një dokument HTML në të njëjtën mënyrë si një skedar CSS, ndryshimi i vetëm është në sintaksë. Ju mund të përfshini fontet në kokën e dokumentit - midis etiketave
(i ngjashëm me një skedar CSS), ose inline - duke caktuar vetitë direkt te etiketat html.Përfshirja e shkronjave në kokë, midis etiketave
. Për ta bërë këtë, shtoni kodin e mëposhtëm në dokumentin html:
Nuk do ta përsëris veten këtu. Gjithçka është e ngjashme me lidhjen në skedarin CSS.
Lidhja e shkronjave në linjë, direkt tek elementët e faqes. Më lejoni t'ju jap disa shembuj:
Lidhja e fontit me paragrafin
Këtu është një paragraf me tekst
Ne theksojmë një fjalë të veçantë me shkronja të zeza dhe caktojmë një font të veçantë nga ai kryesor
Këtu është një paragraf me tekst, dhe kjo fjalë, e cila duhet të theksohet me shkronja të zeza
Këtu është lidhja
Në mënyrë të ngjashme, ne caktojmë shkronja për çdo etiketë html.
Por është akoma më mirë dhe rekomandohet që të caktohen stile elementeve përmes një skedari CSS. Së pari, ju duhet të shkruani stile në CSS vetëm një herë dhe më pas të caktoni vetëm klasën e kërkuar në HTML. Së dyti, duke shkruar stile inline, krijohet një përmbajtje e kopjuar. Këto veti dhe klasa duket se janë të indeksuara nga motorët e kërkimit dhe kam dëgjuar se W3C dëshiron të heqë fare inline. Edhe pse ndonjëherë është më e lehtë të shkruash stile në këtë mënyrë.
Të gjitha. Ndiqni përditësimet e faqes, unë jam duke përgatitur një artikull në lidhje me lidhjen e shkronjave jo standarde dhe origjinale me sitin, në mënyrë që ato të shfaqen saktë në të gjithë shfletuesit. Do t'ju prezantoj gjithashtu me disa shërbime të mira ku mund të zgjidhni fontet e personalizuara.
Kur filloni të krijoni një plan urbanistik, duhet të specifikoni në mënyrë specifike në CSS fontet e përdorura në faqe. Shpesh, me shkronja të ndryshme, projektuesi shkruan jo vetëm tekstin kryesor të faqes, por edhe tituj, logo dhe monograme të ndryshme.
Një projektues i mirë, si një projektues i mirë i paraqitjes, e di se shfletuesi mund të përdorë vetëm ato fonte që janë instaluar në kompjuterin e përdoruesit për të shfaqur një faqe. Kjo do të thotë, fontet mund të ndahen në dy kategori:
- Fontet që do të shfaqen pa probleme nga shumica dërrmuese e përdoruesve.
- Fontet që një grup mjaft i madh përdoruesish nuk i kanë.
Nëse projektuesi përdori shkronja të kategorisë së dytë për të krijuar, për shembull, një logo ose tituj të mëdhenj statikë, nuk mund të hezitoni të përdorni teknikën e zëvendësimit të tekstit me një imazh. Disavantazhi i përdorimit të kësaj teknike është jofleksibiliteti. Nëse ka ndryshime në tekst, do të duhet të ribëni imazhin dhe të ndryshoni CSS (për shembull, nëse dimensionet e imazhit të ri nuk përputhen me atë të vjetër).
Mund të themi se rreziku i përdorimit të një teknike varet drejtpërdrejt nga mundësia e ndryshimit të tekstit. Prandaj, për shembull, teksti i përgjithshëm i një faqeje nuk mund të shkruhet me shkronja jo standarde! Një projektues kompetent nuk do ta bënte kurrë këtë. Dhe nëse projektuesi has në një të gjelbër, një projektues i mirë i paraqitjes është thjesht i detyruar të korrigjojë gabimin e tij - në paraqitje, zëvendësoni këtë font me atë standard më të ngjashëm.
Por si mund të dallohen fontet e grupit të parë nga i dyti? Është e qartë se nuk mund të mbështeteni në një grup shkronjash të instaluara drejtpërdrejt në kompjuterin tuaj! Le ta kuptojmë.
Fontet standarde
Fontet standarde janë një grup shkronjash që janë instaluar me sistemin operativ. Meqenëse sistemet operative janë të ndryshme, grupi i shkronjave të tyre është i ndryshëm. Një listë e shkronjave standarde për versione të ndryshme të Windows mund të gjendet, për shembull, në artikullin Fontet standarde të Windows dhe një listë e shkronjave standarde të Mac OS në faqen Fontet e përfshira në Mac OS. Sa për sistemet operative Unix/Linux, ato nuk kanë një grup të vetëm shkronjash. Shumë përdorues Linux përdorin grupin e shkronjave DejaVu, veçanërisht në Ubuntu ato janë instaluar si parazgjedhje. Sipas statistikave nga http://www.codestyle.org, shumë përdorues të Unix/Linux kanë të instaluar gjithashtu grupe shkronjash URW, Free dhe të tjera. Sipas të njëjtave statistika, më shumë se 60% e përdoruesve të Unix/Linux kanë fontet nga fontet kryesore për ueb-in në kompjuterin e tyre, i cili deri në vitin 2002 ishte zyrtarisht i disponueshëm për shkarkim falas në faqen e Microsoft-it.
Në mënyrë që faqja të shfaqet si projektuesi i synuar në çdo sistem operativ, është e mundur të specifikohen disa fonte në pronën CSS font-family, të renditura të ndara me presje.
Kjo veçori specifikon një listë me prioritet të emrave të familjeve të shkronjave dhe/ose emrave gjenerikë të familjes. Sipas specifikimit CSS2, ekzistojnë dy lloje të emrave të familjeve të shkronjave:
- Emri i familjes së shkronjave sipas zgjedhjes suaj. Për shembull, "Times new Roman", "Arial" dhe të tjerët. Emrat e familjeve të shkronjave që përmbajnë hapësira duhet të vendosen në thonjëza. Nëse thonjëzat mungojnë, çdo karakter i hapësirës para dhe pas emrit të fontit shpërfillet dhe çdo sekuencë e hapësirave brenda emrit të fontit konvertohet në një hapësirë të vetme.
- Familje gjenerike (e përbashkët). Specifikimi përcakton familjet e mëposhtme gjenerike:
- serif - fontet me serif në skajet;
- sans-serif - fonts sans-serif;
- shkronjat kursive - italike;
- fantazi - shkronja dekorative;
- monospace - font monospace (me germa të së njëjtës gjerësi).
Emrat e familjeve klanore janë fjalë kyçe dhe nuk kanë nevojë të futen në thonjëza.
Kështu, për dizajnin, merret një font standard nga OS Windows, zgjidhet një i ngjashëm për Mac OS dhe Unix/Linux, specifikohet një familje e zakonshme fontesh dhe keni mbaruar.
Por nuk është kaq e thjeshtë. Le të gërmojmë më në detaje.
Gjetja e shkronjave të sigurta në ueb
Në internet, koncepti i shkronjave të internetit "të sigurta" është zhvilluar historikisht. Një font i sigurt është një font që është standard për të gjitha sistemet operative. Meqenëse mund të ëndërrojmë vetëm për një gjendje të tillë, nuk ka shkronja absolutisht të sigurta!
Disa fonte mund të quhen të sigurta me disa rezerva.
Baza për përcaktimin e shkronjave "të sigurta" ishin fontet e sistemit operativ më të zakonshëm Windows, të cilat përdoren edhe në sisteme të tjera operative. Një shembull i një përdorimi të tillë janë fontet Core të përmendura tashmë për paketën e shkronjave Web, të cilat, sipas statistikave, janë shkarkuar nga shumë përdorues të Unix/Linux.
Kjo paketë përfshin fontet e mëposhtme: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Të gjithë ata mbështesin alfabetin cirilik, i cili është i rëndësishëm për Runet.
Seti i shkronjave që vijnë standard me Mac OS X (ky OS është më i përdoruri nga përdoruesit e Mac OS) përfshin të gjitha fontet nga fontet kryesore për grupin e uebit.
Kështu, bazuar në fontet e Windows të përdorura në sisteme të tjera operative, u formua lista e mëposhtme e të ashtuquajturave shkronja të "sigurta" të Uebit:
- Arial
- Arial Zi
- Comic Sans MS
- Korrier i ri
- Gjeorgjia
- Ndikimi
- Times New Roman
- Trebuchet MS
- Verdana
Fonti Webdings përmban ikona dhe nuk mund të përdoret për përmbajtje. Andale Mono nuk përdoret gjerësisht sepse nuk është i përshtatshëm për leximin e përditshëm të ekranit dhe jo të gjithë përdoruesit e Windows e kanë atë.
Çdo përdorues i Windows, Mac OS X dhe shumica dërrmuese e përdoruesve të Unix/Linux (d.m.th., ata që kanë instaluar fontet Core për paketën Web) i kanë të gjitha këto shkronja.
Por çfarë ndodh me pjesën tjetër? Në fund të fundit, ju dëshironi që plani i projektuesit të shihet nga sa më shumë përdorues të jetë e mundur!
Fontet që mbështesin cirilikën
Një veçori specifike e RuNet është problemi me kodimet e faqeve dhe mbështetjen për cirilik në fontet. Për të shmangur problemet me kodimet e ndryshme të karaktereve, njerëzit e zgjuar dolën me Unicode, i cili ju lejon të kombinoni karaktere nga disa gjuhë në një font. Kështu, për faqet në gjuhën ruse ju duhet të përdorni vetëm fontet Unicode që mbështesin cirilikën.
Më poshtë është një tabelë e korrespondencës së shkronjave.
| Dritaret | MacOS | Unix/Linux | familje stërgjyshore |
|---|---|---|---|
| Arial Zi | Helvetica C.Y. | Nimbus Sans L | Sans-serif |
| Arial | Helvetica C.Y. | Nimbus Sans L | Sans-serif |
| Comic Sans MS | Monako CY | * (Shikoni më poshtë) | kursive |
| Korrier i ri | * (Shikoni më poshtë) | Nimbus Mono L | Monohapësirë |
| Gjeorgjia | * (Shikoni më poshtë) | Libri shkollor i shekullit L | Serif |
| Ndikimi | Qymyr druri C.Y. | * (Shikoni më poshtë) | Sans-serif |
| Times New Roman | Times C.Y. | Nimbus Roman Nr 9 L | Serif |
| Trebuchet MS | Helvetica C.Y. | * (Shikoni më poshtë) | Sans-serif |
| Verdana | Gjenevë C.Y. | DejaVu Sans | Sans-serif |
* në kolonën përballë fontit do të thotë që sistemi operativ nuk ka ekuivalente cirilike amtare të fontit Windows. Por në të njëjtën kohë, ekziston një probabilitet i lartë që vetë ky font të instalohet drejtpërdrejt në sistemin operativ.
Për shembull, nëse teksti kryesor i paraqitjes është Arial, ne e gjejmë këtë font në tabelë dhe shkruajmë rreshtin përkatës në CSS:
trupi ( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; )
trupi ( font - familja: Arial, "Helvetica CY", "Nimbus Sans L", sans - serif; |
Kjo hyrje do të thotë që nëse përdoruesi ka fontin Arial (dhe të gjithë përdoruesit e Windows dhe të gjithë përdoruesit e Mac OS X e kanë atë), atëherë faqja do të shfaqet në këtë font. Nëse përdoruesi nuk e ka këtë font, atëherë faqja e një përdoruesi Mac OS 9 që flet rusisht do të shfaqet me saktësi në fontin standard të sistemit Helvetica CY, dhe për një përdorues Unix/Linux do të shfaqet në fontin Nimbus Sans L. , i cili është i instaluar në 90% të përdoruesve të Unix/Linux. Nëse përdoruesi i Unix/Linux është në 10% që nuk e ka këtë font, atëherë faqja do të shfaqet në fontin serif që është caktuar si parazgjedhje për shikimin e faqeve të internetit.
Përveç faktit që tabela merr parasysh fontet Unix/Linux, ka edhe një ikonë të çuditshme CY pas Helvetica-s së zakonshme. Le të kuptojmë se çfarë është!
Para lëshimit të Mac OS X, kjo linjë kishte kuptimin e mëposhtëm: për përdoruesit e Windows, ne e shfaqim faqen në Arial, për përdoruesit e Mac OS 9, në fontin standard Helvetica, dhe për pjesën tjetër, ne e shohim faqen në sistem. font sans-serif, i cili është konfiguruar si parazgjedhje në shfletues. Por përsëri, një nuancë e rëndësishme! Shkronja standarde Mac OS 9 Helvetica nuk ka cirilik! Për faqen në gjuhën ruse, kjo do të thoshte si vijon: për përdoruesit e Windows ne shfaqim faqen Arial, për përdoruesit e Mac OS 9 - në fontin standard Helvetica, i cili shfaq informacione të palexueshme, dhe pjesa tjetër shihni faqen me sistemin sans-serif font i konfiguruar si parazgjedhje në shfletues.
Për të shfaqur saktë këtë grup për përdoruesit e Mac OS 9, në vend të Helvetica jo-Cyrilized, ka kuptim të specifikoni të njëjtin font standard Mac OS 9 Helvetica CY, që përmban cirilik.
Leximi i sundimtarëve ka ndryshuar që nga lëshimi i Mac OS X. Tani ekziston një font standard i zakonshëm i specifikuar për Windows/Mac OS X. Dhe nëse duam që përdoruesit e Mac OS 9 të jenë në gjendje të shohin qëllimin e projektuesit, ne duhet të përfshijmë një font që përmban cirilik në rreshtin e shkronjave.
Pra, ndërsa nuk ka fonte të sigurta, ka familje të sigurta të shkronjave. Ata quhen gjithashtu grumbujt e shkronjave CSS. Përveç shkronjave standarde Windows/Mac OS X, këto rreshta mund të përfshijnë gjithashtu fontet ekuivalente nga grupi standard i Mac OS 9 (i cili nuk përmban fontet "të sigurta" si parazgjedhje) dhe fontet e zakonshme Unix/Linux.
Çdo projektues faqosje herët a vonë ndeshet me një moment kur një projektues përdor një font në një plan urbanistik që nuk përfshihet në listën e shkronjave "të sigurta"; Por kjo nuk është ende një arsye për të dhënë alarmin! Për shembull, dizajnerët shumë shpesh përdorin fontin Tahoma në paraqitjet, i cili nuk përfshihet në këtë listë. Një linjë e ndërtuar siç duhet shkronjash hap mundësinë e përdorimit jo vetëm të Tahoma, por edhe të shkronjave të tjera. Një numër në rritje i projektuesve po përfitojnë nga kjo mundësi, dhe një projektues kompetent i paraqitjes duhet të dijë për këtë.
Më poshtë është një tabelë shtesë e shkronjave që nuk përfshihen në listën e shkronjave "të sigurta", por mund të përdoren në paraqitje.
| Dritaret | MacOS | familje stërgjyshore |
|---|---|---|
| Konsola Lucida | Monako | Monohapësirë |
| Lucida Sans Unicode | Lucida Grande | Sans-serif |
| Tahoma | Gjenevë C.Y. | Sans-serif |
Po sikur të mos ketë alfabet cirilik?
Për tekstet në gjuhën angleze, tabelat e mësipërme kanë një pamje paksa të ndryshme.
| Dritaret | MacOS | Unix/Linux | familje stërgjyshore |
|---|---|---|---|
| Arial Zi | Vegël | Nimbus Sans L | Sans-serif |
| Arial | Helvetica | Nimbus Sans L | Sans-serif |
| Comic Sans MS | Monako | TSCu_Comic | kursive |
| Korrier i ri | Korrier | Nimbus Mono L | Monohapësirë |
| Gjeorgjia | * (Shikoni më poshtë) | Libri shkollor i shekullit L | Serif |
| Ndikimi | qymyr druri | Rekha | Sans-serif |
| Times New Roman | Kohët | Nimbus Roman Nr 9 L | Serif |
| Trebuchet MS | Helvetica | Garuda | Sans-serif |
| Verdana | Gjenevës | DejaVu Sans | Sans-serif |
Për fontet Arial, Courier New dhe Times New Roman, kur krijoni vizore, është më mirë të specifikoni fillimisht fontin Unix/Linux dhe më pas fontin Mac OS. Kjo është për shkak të disa shtrembërimeve të grupit të shkronjave bazë Linux X11.
Fontet që nuk përfshihen në listën "të sigurt", por që mund të përdoren në paraqitje, përcaktohen më mirë nga grupet e shkronjave CSS bazuar në këtë tabelë.
| Dritaret | MacOS | Unix/Linux | familje stërgjyshore |
|---|---|---|---|
| Konsola Lucida | Monako | - | Monohapësirë |
| Lucida Sans Unicode | Lucida Grande | Garuda | Sans-serif |
| Linotipi Palatino | Palatino | Garuda** | Sans-serif |
| Tahoma | Gjenevës | Kalimati | Sans-serif |
Një vizë në kolonën Unix/Linux tregon se përdoruesit e këtyre sistemeve operative ka shumë të ngjarë të shohin fontin e paracaktuar në faqe.
** Në këtë rresht, ka kuptim të vendosni fontin Garuda përpara Palatino (shih shpjegimin më lart).
Konkluzione:
- Nuk ka shkronja absolutisht të sigurta. Shkronjat e mëposhtme mund të konsiderohen të sigurta me kusht:
- Arial
- Arial Zi
- Comic Sans MS
- Korrier i ri
- Gjeorgjia
- Ndikimi
- Times New Roman
- Trebuchet MS
- Verdana
- Rafte të sigurta CSS që marrin parasysh mbështetjen për alfabetin cirilik në shkronja mund të gjenden në artikull.
- Nëse mbështetja për alfabetin cirilik nuk është e rëndësishme në faqe, ne përdorim grupet CSS nga artikulli.
Nëse jeni i ri në dizajnimin e uebit, mund të jeni duke menduar diçka si: “Pse duhet të kufizohem në një grup kaq të vogël shkronjash? Unë kam një koleksion të madh të shkronjave të bukura!” Fakti është se shfletuesi i vizitorit mund të shfaqë vetëm ato fontet që janë instaluar në të tijën sistemi operativ ( përafërsisht. përkthyesi: Aktualisht, është tashmë e mundur të përdoret pothuajse çdo font kur dizajnoni faqe duke përdorur CSS 3 dhe pronën e tij të re @font-face; megjithatë, jo të gjithë shfletuesit ende e mbështesin këtë funksion), që do të thotë se çdo vizitori në faqen tuaj duhet të jetë pronari i shkronjave që keni zgjedhur. Prandaj, duhet të përdorni vetëm fontet që janë të disponueshme në secilin sistem operativ. Për fat të mirë, CSS ka një pronë @font-family, gjë që e bën këtë detyrë më të lehtë.
Listë
| @font-familje kuptimi | Dritaret | Mac | Familja |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans-serif |
| "Arial Black", Gadget, sans-serif | Arial Zi | Arial Black, Gadget | sans-serif |
| "Comic Sans MS", kursive | Comic Sans MS | Comic Sans MS 5 | kursive |
| "Courier New", Korrier, monospace | Korrier i ri | Courier New, Courier 6 | monohapësirë |
| Gjeorgji, Serif | Gjeorgjia 1 | Gjeorgjia | serif |
| Ndikim, Qymyr druri, sans-serif | Ndikimi | Ndikimi 5, Qymyr druri 6 | sans-serif |
| "Lucida Console", Monako, monospace | Konsola Lucida | Monako 5 | monohapësirë |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Lucida Sans Unicode | Lucida Grande | sans-serif |
| "Palatino Linotype", "Libri Antiqua", Palatino, serif | Palatino Linotype, Libri Antiqua 3 | Palatino 6 | serif |
| Tahoma, Gjenevë, sans-serif | Tahoma | Gjenevës | sans-serif |
| "Times New Roman", Times, serif | Times New Roman | Kohët | serif |
| "Trebuchet MS", Helvetica, sans-serif | Trebuchet MS 1 | Helvetica | sans-serif |
| Verdana, Gjenevë, sans-serif | Verdana | Verdana, Gjenevë | sans-serif |
| Simboli | Simboli 2 | Simboli 2 | - |
| Uebsajtet | Uebsajtet 2 | Uebsajtet 2 | - |
| Wingdings, "Zapf Dingbats" | Krahët 2 | Zapf Dingbats 2 | - |
| "MS Sans Serif", Gjenevë, sans-serif | MS Sans Serif 4 | Gjenevës | sans-serif |
| "MS Serif", "New York", serif | MS Serif 4 | Nju Jork 6 | serif |
1 Shkronjat Georgia dhe Trebuchet MS dërgohen me Windows 2000/XP dhe përfshihen në paketën e shkronjave IE (dhe në të vërtetë vijnë me shumë aplikacione të Microsoft), kështu që ato instalohen në shumë kompjuterë Windows 98.
2 Fontet e simboleve shfaqen vetëm në Internet Explorer; në shfletues të tjerë ato zakonisht zëvendësohen me një font standard (edhe pse, për shembull, fonti Symbol shfaqet në Opera dhe Webdings në Safari).
3 Shkronja e Book Antiqua është pothuajse identike me Palatino Linotype; Palatino Linotype vjen me Windows 2000/XP dhe Book Antiqua vjen me Windows 98.
4 Ju lutemi vini re se këto shkronja nuk janë TrueType, por bitmap, kështu që mund të duken keq në disa madhësi (ato janë krijuar për t'u shfaqur në 8, 10, 12, 14, 18 dhe 24 pt me 96 DPI).
5 Këto fonte funksionojnë vetëm në Safari në stilin standard, por nuk funksionojnë me shkronja të theksuara ose të pjerrëta. Comic Sans MS funksionon gjithashtu me shkronja të zeza, por jo me shkronja të pjerrëta. Shfletuesit e tjerë Mac duket se janë mirë duke emuluar vetitë e fontit që mungojnë (falë Christian Fecteau për këshillën).
6 Këto fonte instalohen në Mac vetëm me instalim Classic
Pamjet e ekranit
- Mac OS X 10.4.8, Firefox 2.0, ClearType i aktivizuar (faleminderit Juris Vecvanags për pamjen e ekranit)
- Mac OS X 10.4.4, Firefox 1.5, ClearType i aktivizuar
- Mac OS X 10.4.11, Safari 3.0.4, ClearType i aktivizuar (faleminderit Nolan Gladius për pamjen e ekranit)
- Mac OS X 10.4.4, Safari 2.0.3, ClearType i aktivizuar (faleminderit Eric Zavesky për pamjen e ekranit)
- Windows Vista, Internet Explorer 7, ClearType i aktivizuar
- Windows Vista, Firefox 2.0, ClearType i aktivizuar (faleminderit Michiel Bijl për pamjen e ekranit)
