Nëse jeni i ri në dizajnin e uebit, mund të jeni duke menduar diçka si, “Pse duhet të kufizoj veten në një përzgjedhje kaq të vogël të shkronjave? 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ë aplikoni pothuajse çdo font në hartimin e faqeve duke përdorur CSS 3 dhe vetinë e tij të re @font-face; megjithatë, jo të gjithë shfletuesit e mbështesin ende këtë funksion), që do të thotë se secili 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ë
| Kuptimi i @font-family | Dritaret | Mac | Familja |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans serif |
| "Arial Black", Gadget, sans-serif | Arial Zi | Arial Black Gadget | sans serif |
| Kursive Comic Sans MS | Comic Sans MS | Comic Sans MS 5 | kursive |
| "Courier New", Courier, monospace | Korrier i ri | Courier New, Courier 6 | monohapësirë |
| Gjeorgjia, Serif | Gjeorgjia 1 | Gjeorgjia | serif |
| Ndikim, Qymyr druri, sans-serif | Ndikimi | Ndikimi 5, Qymyr druri 6 | sans serif |
| "Lucida Console", Monako, monospace | Lucida Console | 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 |
| simbol | Simboli 2 | Simboli 2 | - |
| uebfaqe | 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ë përfshihen 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ë zakonisht zëvendësohen me një font standard (edhe pse, për shembull, fonti Symbol shfaqet në Opera, dhe Webdings - në Safari).
3 Libri Antiqua është pothuajse identik 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 me 8, 10, 12, 14, 18 dhe 24 pt me 96 DPI).
5 Këto fonte funksionojnë vetëm në fontet standarde në Safari, por nuk funksionojnë me shkronja të theksuara ose të pjerrëta. Comic Sans MS gjithashtu funksionon me shkronja të zeza, por jo me shkronja të pjerrëta. Shfletuesit e tjerë Mac duket se janë mirë duke emuluar vetitë e munguara të shkronjave (falë Christian Fecteau për këshillën).
6 Këto fonte instalohen vetëm në Mac gjatë instalimit 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)
Duke filluar të shtypni paraqitjen, është e nevojshme, në veçanti, të specifikoni në CSS fontet e përdorura në faqe. Shpesh, projektuesi përdor fonte të ndryshme për të shtypur jo vetëm tekstin kryesor të faqes, por edhe tituj të ndryshëm, logot dhe monogramet:
Një projektues i mirë, si një dizajner i mirë i paraqitjes, e di se shfletuesi mund të përdorë vetëm ato shkronja që janë të instaluara në kompjuterin e përdoruesit për të shfaqur faqen. Kjo do të thotë, fontet mund të ndahen përafërsisht në dy kategori:
- Fontet që do të shfaqen pa probleme për shumicën dërrmuese të përdoruesve.
- Fontet që një grup mjaft i madh përdoruesish nuk i kanë.
Nëse projektuesi ka përdorur fontet e kategorisë 2 për të krijuar, për shembull, një logo ose tituj të mëdhenj statikë, nuk mund të hezitoni të përdorni . Disavantazhi i përdorimit të kësaj teknike është jofleksibiliteti. Në rast të ndryshimeve në tekst, do t'ju duhet të ribërni 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ë teknikës varet drejtpërdrejt nga probabiliteti i ndryshimit të tekstit. Prandaj, për shembull, teksti i përgjithshëm i faqes nuk mund të bëhet me shkronja jo standarde! Një stilist i mirë nuk do ta bënte kurrë këtë. Dhe nëse një projektues merr ngjyrë 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 fontin standard më të ngjashëm.
Por si të dallojmë 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 të instaluara me sistemin operativ. Meqenëse sistemet operative janë të ndryshme, ato gjithashtu kanë një grup të ndryshëm shkronjash. 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 ofruara me Mac OS. Për sa i përket sistemeve 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 të http://www.codestyle.org, shumë përdorues të Unix/Linux kanë të instaluar gjithashtu grupet e shkronjave URW, Free dhe të tjera. Sipas të njëjtave statistika, më shumë se 60% e përdoruesve të Unix/Linux kanë në kompjuterin e tyre fontet e shkronjave Core për ueb-set, 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 ashtu siç e ka menduar projektuesi, në çdo sistem operativ, është e mundur të vendosen disa fonte në vetinë CSS, të ndara me presje.
Kjo veçori specifikon një listë prioritare 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ë fontit të zgjedhur. Për shembull "Times new Roman", "Arial" dhe të tjerë. Emrat e familjeve të shkronjave që përmbajnë hapësira duhet të futen në thonjëza. Nëse nuk ka thonjëza, çdo karakter hapësinor 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).
Kështu, një font standard nga OS Windows merret për dizajn, një i ngjashëm për Mac OS dhe Unix / Linux zgjidhet për të, vendoset një familje e zakonshme e shkronjave dhe keni mbaruar.
Por jo gjithçka është kaq e thjeshtë. Le të gërmojmë më në detaje.
Në kërkim të shkronjave të sigurta në ueb
Në internet, historikisht ka ekzistuar një gjë e tillë si fontet "të sigurta" të Uebit. Një font i sigurt është një font që është standard në të gjitha sistemet operative. Meqenëse një gjendje e tillë mund të ëndërrohet vetëm, atëherë Shkronjat absolutisht të sigurta nuk ekzistojnë!
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ë cilët përdoren edhe në sisteme të tjera operative. Një shembull i këtij përdorimi 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.
Grupi i shkronjave të përfshira në dorëzimin standard të Mac OS X (ky OS është më i zakonshmi në mesin e përdoruesve të Mac OS) përfshin të gjitha fontet nga fontet kryesore për grupin e uebit.
Kështu, bazuar në fontet 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 një grup ikonash dhe për këtë arsye 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, përdorues i 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 fonte.
Por çfarë ndodh me pjesën tjetër? Në fund të fundit, unë dua që ideja e stilistit të shihet nga sa më shumë përdorues të jetë e mundur!
Lexoni në lidhje me të në pjesën e dytë të botimit.
Duke filluar të shtypni paraqitjen, është e nevojshme, në veçanti, të specifikoni në CSS fontet e përdorura në faqe. Shpesh, projektuesi përdor fonte të ndryshme për të shtypur jo vetëm tekstin kryesor të faqes, por edhe tituj të ndryshëm, logot dhe monogramet.
Një projektues i mirë, si një dizajner i mirë i paraqitjes, e di se shfletuesi mund të përdorë vetëm ato shkronja që janë të instaluara në kompjuterin e përdoruesit për të shfaqur faqen. Kjo do të thotë, fontet mund të ndahen përafërsisht në dy kategori:
- Fontet që do të shfaqen pa probleme për shumicën dërrmuese të përdoruesve.
- Fontet që një grup mjaft i madh përdoruesish nuk i kanë.
Nëse projektuesi ka përdorur fontet e kategorisë 2 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ë rast të ndryshimeve në tekst, do t'ju duhet të ribërni 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ë teknikës varet drejtpërdrejt nga probabiliteti i ndryshimit të tekstit. Prandaj, për shembull, teksti i përgjithshëm i faqes nuk mund të bëhet me shkronja jo standarde! Një stilist i mirë nuk do ta bënte kurrë këtë. Dhe nëse një projektues merr ngjyrë 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 fontin standard më të ngjashëm.
Por si të dallojmë 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 të instaluara me sistemin operativ. Meqenëse sistemet operative janë të ndryshme, ato gjithashtu kanë një grup të ndryshëm shkronjash. 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 ofruara me Mac OS. Për sa i përket sistemeve 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 të http://www.codestyle.org, shumë përdorues të Unix/Linux kanë të instaluar gjithashtu grupet e shkronjave URW, Free dhe të tjera. Sipas të njëjtave statistika, më shumë se 60% e përdoruesve të Unix/Linux kanë në kompjuterin e tyre fontet e shkronjave Core për ueb-set, 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 ashtu siç ka menduar projektuesi, në çdo sistem operativ, është e mundur të vendosen disa fonte të ndara me presje në pronën CSS font-family.
Kjo veçori specifikon një listë prioritare 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ë fontit të zgjedhur. Për shembull "Times new Roman", "Arial" dhe të tjerë. Emrat e familjeve të shkronjave që përmbajnë hapësira duhet të futen në thonjëza. Nëse nuk ka thonjëza, çdo karakter hapësinor 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 gjenerikë të familjes janë fjalë kyçe dhe nuk kanë nevojë të futen në thonjëza.
Kështu, një font standard nga OS Windows merret për dizajn, një i ngjashëm për Mac OS dhe Unix / Linux zgjidhet për të, vendoset një familje e zakonshme e shkronjave dhe keni mbaruar.
Por jo gjithçka është kaq e thjeshtë. Le të gërmojmë më në detaje.
Në kërkim të shkronjave të sigurta në ueb
Në internet, historikisht ka ekzistuar një gjë e tillë si fontet "të sigurta" të Uebit. Një font i sigurt është një font që është standard në të gjitha sistemet operative. Meqenëse kjo gjendje mund të ëndërrohet vetëm, shkronjat absolutisht të sigurta nuk ekzistojnë!
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ë cilët përdoren edhe në sisteme të tjera operative. Një shembull i këtij përdorimi 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.
Grupi i shkronjave të përfshira në dorëzimin standard të Mac OS X (ky OS është më i zakonshmi në mesin e përdoruesve të Mac OS) përfshin të gjitha fontet nga fontet kryesore për grupin e uebit.
Kështu, bazuar në fontet 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 një grup ikonash dhe për këtë arsye 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, përdorues i 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 fonte.
Por çfarë ndodh me pjesën tjetër? Në fund të fundit, unë dua që ideja e stilistit 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 kodimin e faqeve dhe mbështetjen cirilike në fontet. Për të shmangur problemet me një shumëllojshmëri të kodimeve 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, duhet të përdorni vetëm fontet Unicode që mbështesin cirilikën.
Më poshtë është një tabelë e hartës së shkronjave.
| Dritaret | MacOS | Unix/Linux | familje gjenerike |
|---|---|---|---|
| Arial Zi | Helvetica CY | Nimbus Sans L | sans serif |
| Arial | Helvetica CY | 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 CY | * (Shikoni më poshtë) | sans serif |
| Times New Roman | Times CY | Nimbus Roman nr 9 L | Serif |
| Trebuchet MS | Helvetica CY | * (Shikoni më poshtë) | sans serif |
| Verdana | Gjenevë CY | DejaVu Sans | sans serif |
* në kolonën përballë fontit do të thotë që sistemi operativ nuk ka ekuivalentë të fontit të Windows cirilik. 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 që korrespondon me të 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 përdoruesit rusisht-folës të Mac OS 9 do të shfaqet me saktësi në fontin standard të sistemit Helvetica CY dhe përdoruesi 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 i përket 10% që nuk e kanë këtë font, atëherë faqja do të paraqitet në fontin serif të vendosur si parazgjedhje për shfletimin në ueb.
Përveç faktit që fontet Unix / Linux merren parasysh në tabelë, ekziston një ikonë e çuditshme CY pas Helvetica-s së zakonshme. Le të kuptojmë se çfarë është!
Para lëshimit të Mac OS X, ky vizore kishte kuptimin e mëposhtëm: për përdoruesit e Windows, shfaqet faqja Arial, për përdoruesit e Mac OS 9, fonti standard Helvetica dhe pjesa tjetër shihni faqen me sistemin e paracaktuar sans-serif. font në shfletues. Por përsëri, një nuancë e rëndësishme! Shkronja standarde Mac OS 9 Helvetica nuk ka cirilike! 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- fonti serif i konfiguruar si parazgjedhje në shfletues.
Për shfaqjen e saktë të këtij grupi për përdoruesit e Mac OS 9, në vend të Helvetica jo cirilike, ka kuptim të specifikoni të njëjtin font Helvetica CY, standard për Mac OS 9, që përmban cirilik.
Leximi i sundimtarëve ka ndryshuar që nga lëshimi i Mac OS X. Windows/Mac OS X tani ka një font standard të përbashkët. Dhe nëse duam që përdoruesit e Mac OS 9 të jenë në gjendje të shohin idenë e projektuesit, ata duhet të regjistrojnë një font që përmban cirilik në vijën e shkronjave.
Pra, ndërsa nuk ka fonte të sigurta, ka linja të sigurta të shkronjave. Ata quhen gjithashtu Skemat 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ë sigurt" si parazgjedhje) dhe fontet e zakonshme Unix/Linux.
Çdo projektues faqosje herët a vonë përballet me momentin kur projektuesi përdor një font në paraqitjen që nuk përfshihet në listën e "të sigurt" ;. Por kjo nuk është një arsye për të dhënë alarmin! Për shembull, dizajnerët shumë shpesh përdorin fontin Tahoma në paraqitjet e tyre, 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ë jetë i vetëdijshëm për këtë.
Më poshtë është një tabelë shtesë e shkronjave që nuk përfshihen në listën "të sigurt", por mund të përdoren në paraqitje.
| Dritaret | MacOS | familje gjenerike |
|---|---|---|
| Lucida Console | Monako | Monohapësirë |
| Lucida Sans Unicode | Lucida Grande | sans serif |
| Tahoma | Gjenevë CY | sans serif |
Dhe nëse pa cirilik?
Për tekstet në gjuhën angleze, tabelat e mësipërme kanë një pamje paksa të ndryshme.
| Dritaret | MacOS | Unix/Linux | familje gjenerike |
|---|---|---|---|
| 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 shkronjat Arial, Courier New dhe Times New Roman, kur kompozoni vizore, është më mirë të specifikoni fillimisht fontin për Unix/Linux dhe më pas për Mac OS. Kjo është për shkak të disa lakimeve të grupit të shkronjave bazë Linux X11.
Fontet që nuk janë në listën "të sigurt", por që mund të përdoren në paraqitje, përcaktohen më së miri me grupet e shkronjave CSS bazuar në këtë tabelë.
| Dritaret | MacOS | Unix/Linux | familje gjenerike |
|---|---|---|---|
| Lucida Console | 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ë kutinë Unix/Linux tregon se përdoruesit e këtyre sistemeve operative ka të ngjarë të shohin fontin e faqes të vendosur për të shfaqur faqet si parazgjedhje.
** Në këtë rresht, ka kuptim të vendosni fontin Garuda përpara Palatino (shih shpjegimin më lart).
Konkluzione:
- Nuk ka fonte absolutisht të sigurta. Shkronjat e mëposhtme mund të quhen 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 cirilike në shkronja mund të gjenden në artikull.
- Nëse mbështetja cirilike nuk është e rëndësishme në faqe, ne përdorim rafte CSS nga artikulli.
Fontet janë një pjesë integrale dhe shumë e rëndësishme e dizajnit të faqes së internetit, duke theksuar individualitetin e saj. Artikulli do të flasë për lidhjen e shkronjave standarde me një faqe në internet, ato quhen gjithashtu fontet e sistemit, dhe në artikullin vijues do të hedhim një vështrim më të afërt në 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. Prandaj, ato quhen sistem dhe instalohen si parazgjedhje së bashku me sistemin operativ.
Dhe ato quhen shkronja të sigurta, sepse me një probabilitet të lartë ato do të shfaqen në shfletuesin e shumicës së vizitorëve të faqes.
Por i gjithë problemi qëndron në faktin se grupe të ndryshme shkronjash janë instaluar në sisteme të ndryshme operative. Ju mund të shikoni grupet e shkronjave të dhëna së bashku me sistemin operativ në faqet zyrtare të Windows, 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 vendos një veçori e fontit të quajtur font-family.
veti font-family font
Vetia font-family — familjet e shkronjave të grupuara sipas kritereve 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).
Kështu, fontet e ngjashme nga sisteme të ndryshme operative thjesht zgjidhen dhe lidhen me faqen e internetit të ndara me presje.
Këtu është një shembull, vetëm për perceptimin vizual. Ne do të kthehemi te ky shembull kur të shqyrtojmë lidhjen e drejtpërdrejtë të shkronjave.
Mjafton të ndiqni logjikën dhe gjithçka do të bëhet shumë e qartë.
Trupi ( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; )
Le të hedhim një vështrim në atë që ishte shkruar:
- OC Windows - Arial;
- OC Mac OS - Helvetica CY;
- OC Unix/Linux - Nimbus Sans L;
- Familja gjenerike është sans-serif.
Të ashtuquajturat shkronja të sigurta
Bazuar në OC Windows, u përpilua 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 zgjedh fontet e ngjashme që i përkasin një familjeje të caktuar.
Tabela e korrespondencës dhe përkatësia e shkronjave në një familje të caktuar:
| Dritaret | MacOS | Unix/Linux | familje gjenerike |
|---|---|---|---|
| Arial Zi | Helvetica CY | Nimbus Sans L | sans serif |
| Arial | Helvetica CY | 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 CY | * (Shikoni më poshtë) | sans serif |
| Times New Roman | Times CY | Nimbus Roman nr 9 L | Serif |
| Trebuchet MS | Helvetica CY | * (Shikoni më poshtë) | sans serif |
| Verdana | Gjenevë CY | DejaVu Sans | sans serif |
* Kur lidhni fontet, mund të mbështeteni me siguri në të. Tabela mbështet karaktere cirilike, alfabet 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 një sajt. Përveç kësaj, ju mund të lidhni fonte të ndryshme me paragrafë të ndryshëm. Aplikoni shkronja të ndryshme për fjalët dhe frazat individuale. Të gjitha këto tani do të përpiqem t'i shqyrtoj.
Pra, le ta kuptojmë siç duhet.
Përfshirja 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 guximin e fontit, ose në vend të 400, vendosni vlerën në - normale */ )
Caktoni një font për titujt H1, H2, H3, H4, H5, H6, (këtu është e ngjashme, vetëm ne vendosim vlerën e guximit për të theksuar titujt):
H1,h2,h3,h4,h5,h6( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* lidh fontin me titujt */ pesha e shkronjave: 600; /* grup guximi i fontit, ose në vend të 600, vendosni vlerën - bold */ )
Cakto fontin 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, div, forma dhe elementë të tjerë */ pesha e shkronjave: normale; /* vendosni guximin e fontit, ose në vend të 600, vendosni vlerën në - bold */ madhësia e shkronjave: 16 px; /* vendosni gjithashtu madhësinë e shkronjave për paragrafët */ )
për të 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ë caktuar
Dhe në tabelën CSS shkruani kodin e mëposhtëm:
Font( font-familja: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* lidhni fontin me paragrafë të caktuar, mund të aplikohet në lis, divs, forma dhe elementë të tjerë */ font- pesha : normal; /* vendosni peshën e fontit, ose në vend të 600, vendosni vlerën - me shkronja të zeza */ madhësia e shkronjave: 16 px; /* vendosni gjithashtu madhësinë e shkronjave për paragrafët */ )
Tani, çdo etikete elementi html me klasën .font (quajeni si të doni) do t'i caktohet fonti Arial, normal (400), bold dhe me madhësi 16 px.
Në mënyrë të ngjashme, mund të caktoni fonte të ndryshme për listat li, tabelat e tabelave, blloqet e tëra div, fjalët individuale ose frazat.
Lidhja e shkronjave në një dokument HTML
Direkt në një dokument HTML, fontet lidhen në të njëjtën mënyrë si një skedar CSS, ndryshimi është vetëm në sintaksë. Ju mund të përfshini fontet në titullin e dokumentit - midis etiketave
(i ngjashëm me një skedar CSS), ose inline - duke caktuar vetitë drejtpërdrejt te etiketat html.Shtimi i shkronjave në kokë, midis etiketave
. Për ta bërë këtë, shtoni kodin e mëposhtëm në dokumentin html:
Këtu nuk do ta përsëris veten. Gjithçka është e ngjashme me lidhjen në një skedar CSS.
Lidhja e shkronjave në linjë, direkt tek elementët e faqes. Ketu jane disa shembuj:
Lidhja e fontit me paragrafin
Këtu është një paragraf me tekst
Theksoni një fjalë të vetme me shkronja të zeza dhe caktoni një font të ndarë nga ai kryesor
Këtu është një paragraf me tekst, dhe kjo fjalë të theksohet me shkronja të zeza
Këtu është lidhja
Në mënyrë të ngjashme, ne caktojmë fontet për çdo etiketë html.
Por është akoma më e mira dhe rekomandohet të stiloni elementët përmes një skedari CSS. Së pari, në CSS, ju duhet të shkruani stile vetëm një herë dhe më pas të caktoni vetëm klasën e dëshiruar në HTML. Së dyti, shkrimi i stileve inline krijon përmbajtje të 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ë anulojë fare inline. Edhe pse ndonjëherë është më e lehtë të shkruash stile në këtë mënyrë.
Gjithçka. Qëndroni të sintonizuar për përditësimet e faqes, unë jam duke përgatitur një artikull për 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 jo standarde.
