Kādi fonti ir visās operētājsistēmās? Maketētājam par fontiem. Droši fonti
Fonti ir neatņemama un ļoti svarīga vietnes dizaina sastāvdaļa, kas uzsver tās individualitāti. Rakstā tiks runāts par standarta fontu savienošanu ar tīmekļa lapu, tos sauc arī par sistēmas fontiem, un nākamajā rakstā mēs detalizēti aplūkosim fontu izvēli un savienošanu no Google Fonts ar WordPress vietni.
Sistēmas, standarta, droši fonti
Jebkura pārlūkprogramma parāda tikai tos fontus, kas ir datora operētājsistēmā. Tāpēc tos sauc par sistēmas, un tie tiek instalēti pēc noklusējuma kopā ar operētājsistēmu.
Un tos sauc par drošiem fontiem, jo tie, visticamāk, tiks parādīti vairuma vietnes apmeklētāju pārlūkprogrammā.
Bet problēma ir tā, ka dažādās operētājsistēmās ir instalēti dažādi fontu komplekti. Piegādāto fontu komplektus kopā ar operētājsistēmu varat skatīt oficiālajās Windows un Mac OS lapās. Un Unix/Linux vispār nav standarta komplekta.
Lai interneta lapa tiktu attēlota atbilstoši dizainera idejai, CSS tika uzstādīts fontu rekvizīts font-family
fontu ģimenes īpašums
Fontu saimes rekvizīts ir fontu ģimenes, kas sagrupētas pēc noteiktiem raksturlielumiem.
Vispārējas ģimenes:
- serif - fonti ar serifiem galos;
- sans-serif - sans-serif fonti;
- kursīvs — slīpraksts;
- fantāzija - dekoratīvie fonti;
- monospace - monospace fonts (ar tāda paša platuma burtiem).
Tādā veidā līdzīgi fonti no dažādām operētājsistēmām tiek vienkārši atlasīti un savienoti ar interneta lapu, atdalot tos ar komatiem.
Šeit ir piemērs tikai vizuālai uztverei. Mēs atgriezīsimies pie šī piemēra vēlāk, kad apsvērsim tiešu fontu savienošanu.
Vienkārši sekojiet loģikai, un viss kļūs kristāldzidrs.
Pamatteksts (fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; )
Paskatīsimies uz rakstīto:
- OS Windows - Arial;
- OC Mac OS — Helvetica CY;
- OC Unix/Linux — Nimbus Sans L;
- Vispārējā saime - sans-serif.
Tā sauktie drošie fonti
Pamatojoties uz operētājsistēmu Windows, ir izveidots vairāku drošu fontu saraksts.
- Arial
- Arial Black
- Komikss bez MS
- Kurjers Jauns
- Gruzija
- Ietekme
- Times New Roman
- Trebuchet MS
- Verdana
Visi šie fonti ir instalēti operētājsistēmās Mac OS X, Windows un daudziem Unix/Linux lietotājiem, kuriem ir instalēti Web pakotnes pamata fonti.
Pārējiem lietotājiem tiek nodrošināta atbilstības tabula. Tajā ir līdzīgi fonti, kas pieder noteiktai saimei.
Atbilstības tabula un fontu piederība noteiktai saimei:
| Windows | MacOS | Unix/Linux | senču ģimene |
|---|---|---|---|
| Arial Black | Helvetica C.Y. | Nimbs Sans L | Sans serif |
| Arial | Helvetica C.Y. | Nimbs Sans L | Sans serif |
| Komikss bez MS | Monako CY | * (Skatīt zemāk) | kursīvs |
| Kurjers Jauns | * (Skatīt zemāk) | Nimbus Mono L | Monotelpa |
| Gruzija | * (Skatīt zemāk) | Gadsimta mācību grāmata L | Serif |
| Ietekme | Kokogles C.Y. | * (Skatīt zemāk) | Sans serif |
| Times New Roman | Times C.Y. | Nimbus Roman No9 L | Serif |
| Trebuchet MS | Helvetica C.Y. | * (Skatīt zemāk) | Sans serif |
| Verdana | Ženēva C.Y. | DejaVu Sans | Sans serif |
* Savienojot fontus, varat uz to droši paļauties. Tabula atbalsta kirilicas rakstzīmes un krievu alfabētu.
Šajā rakstā es paņēmu pašu tabulu.
Sistēmas fontu savienošana ar vietni
Ir vairāki veidi, kā pievienot sistēmas fontus savai vietnei. Turklāt dažādām rindkopām varat savienot dažādus fontus. Lietojiet dažādus fontus atsevišķiem vārdiem un frāzēm. Tagad es mēģināšu to visu apsvērt.
Tātad, darīsim visu kārtībā.
Fontu savienošana CSS failā
Ja nepieciešams izveidot savienojumu galvenais fonts visam dokumentam, stila lapai vienkārši jāpievieno šāds kods:
Pamatteksts ( fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* savienot fontu ar visu dokumentu */ fonta izmērs: 16 pikseļi; /* papildus iestatiet fonta lielumu */ fonts -weight: 400; /* iestatiet fonta svaru vai 400 vietā iestatiet vērtību uz parasto */ )
Fonta piešķiršana virsrakstiem H1, H2, H3, H4, H5, H6 (šeit tas ir tas pats, mēs vienkārši iestatījām treknrakstu, lai izceltu virsrakstus):
H1,h2,h3,h4,h5,h6(fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* savienot fontu ar virsrakstiem */ fonta svars: 600; / * iestatiet fonta svaru vai 600 vietā iestatiet vērtību treknrakstā */ )
Mēs piešķiram fontu tikai rindkopām:
P(fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* savienot fontu ar rindkopām, var lietot li sarakstiem, div blokiem, formām un citiem elementiem */ font-weight : normāls /* iestatiet fonta svaru vai 600 vietā iestatiet vērtību treknrakstā */ font-size: /* papildus iestatiet fonta lielumu rindkopām */ )
Uz piešķirt fontu tikai noteiktai rindkopai, vai bloķēt, vispirms šim blokam HTML dokumentā ir jāpiešķir klase
Šeit ir rindkopa ar pielāgotu fontu
Un CSS tabulā ierakstiet šādu kodu:
Fonts (fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* mēs savienojam fontu ar noteiktām rindkopām, var lietot atsevišķiem li sarakstiem, div blokiem, formām un citiem elementiem */ font-weight: normāls /* iestatiet fonta svaru vai 600 vietā iestatiet vērtību treknrakstā */ font-size: 16px /* papildus iestatiet fonta lielumu rindkopām */ )
Tagad katram tagam - html elementam ar .font klasi (sauciet kā gribat) tiks piešķirts Arial fonts ar parasto (400), treknrakstu un 16 pikseļu izmēru.
Līdzīgi varat piešķirt dažādus fontus li sarakstiem, tabulām, veseliem div blokiem, atsevišķiem vārdiem vai frāzēm.
Fontu savienošana HTML dokumentā
Fonti tiek iekļauti tieši HTML dokumentā tāpat kā CSS failā, vienīgā atšķirība ir sintaksē. Jūs varat iekļaut fontus dokumenta galvenē - starp tagiem
(līdzīgi kā CSS failam), vai iekļauts — rekvizītu piešķiršana tieši html tagiem.Fontu iekļaušana galvenē, starp tagiem
. Lai to izdarītu, pievienojiet html dokumentam šādu kodu:
Es šeit neatkārtošos. Viss ir līdzīgs savienojumam CSS failā.
Fontu savienošana vienā rindā, tieši uz vietnes elementiem. Ļaujiet man sniegt dažus piemērus:
Fonta savienošana ar rindkopu
Šeit ir rindkopa ar tekstu
Mēs izceļam atsevišķu vārdu treknrakstā un piešķiram atsevišķu fontu no galvenā
Šeit ir rindkopa ar tekstu un šis vārdu, kas ir jāizceļ treknrakstā
Šeit ir saite
Tāpat mēs piešķiram fontus jebkuram html tagam.
Bet joprojām ir vislabāk un ieteicams piešķirt stilus elementiem, izmantojot CSS failu. Pirmkārt, stili ir jāraksta CSS tikai vienu reizi un pēc tam HTML valodā jāpiešķir tikai nepieciešamā klase. Otrkārt, rakstot iekļautos stilus, tiek izveidots satura dublikāts. Šķiet, ka meklētājprogrammas ir indeksējušas šos rekvizītus un klases, un es dzirdēju, ka W3C vēlas pilnībā atcelt inline. Lai gan dažreiz ir vieglāk rakstīt stilus šādā veidā.
Visi. Sekojiet vietnes atjauninājumiem, es gatavoju rakstu par nestandarta un oriģinālo fontu pievienošanu vietnei, lai tie tiktu pareizi parādīti visās pārlūkprogrammās. Es jūs iepazīstināšu arī ar vairākiem labiem pakalpojumiem, kuros varat izvēlēties pielāgotus fontus.
Šajā sarakstā ir fonti, kas ir kopīgi visām pašreizējām Windows operētājsistēmām (faktiski kopš Windows 98), un to ekvivalenti operētājsistēmā Mac OS. Šādus fontus dažreiz sauc par "pārlūkprogrammai drošiem fontiem" ( pārlūkprogrammas droši fonti). Šī ir neliela uzziņu grāmata, ko izmantoju, veidojot Web lapas, un domāju, ka tā noderēs arī jums.Ja esat iesācējs tīmekļa dizainā, iespējams, domājat kaut ko līdzīgu: “Kāpēc man būtu jāierobežo tikai tik mazs fontu kopums? Man ir milzīga skaistu fontu kolekcija! Fakts ir tāds, ka apmeklētāja pārlūkprogramma var parādīt tikai tos fontus, kas ir instalēti viņa operētājsistēma ( apm. tulks:Šobrīd jau ir iespējams izmantot praktiski jebkurus fontus, veidojot lapas un to jauno rekvizītu @font-face; tomēr ne visas pārlūkprogrammas vēl atbalsta šo funkciju), kas nozīmē, ka katrs jūsu lapas apmeklētājam ir jābūt jūsu izvēlēto fontu īpašniekam. Tāpēc jums vajadzētu izmantot tikai tos fontus, kas ir pieejami katrā operētājsistēmā. Par laimi, CSS ir īpašums @fontu ģimene, kas atvieglo šo uzdevumu.
Saraksts
| @fontu ģimenes nozīme | Windows | Mac | Ģimene |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans serif |
| "Arial Black", sīkrīks, bez serifa | Arial Black | Arial Black, sīkrīks | sans serif |
| "Comic Sans MS", kursīvs | Komikss bez MS | Komikss bez MS 5 | kursīvs |
| "Courier New", Kurjers, monospace | Kurjers Jauns | Kurjers jauns, kurjers 6 | monotelpa |
| Gruzija, Serif | Gruzija 1 | Gruzija | serifs |
| Trieciens, ogle, bez serifa | Ietekme | Trieciens 5, ogle 6 | sans serif |
| "Lucida Console", Monako, monospace | Lucida konsole | Monako 5 | monotelpa |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Lucida Sans Unicode | Lūsida Grande | sans serif |
| "Palatino linotips", "Book Antiqua", Palatino, serif | Palatino Linotips, Grāmata Antiqua 3 | Palatino 6 | serifs |
| Tahoma, Ženēva, sans-serif | Tahoma | Ženēva | sans serif |
| "Times New Roman", Times, serif | Times New Roman | reizes | serifs |
| "Trebuchet MS", Helvetica, sans-serif | Trebuchet MS 1 | Helvetica | sans serif |
| Verdana, Ženēva, sans-serif | Verdana | Verdana, Ženēva | sans serif |
| Simbols | 2. simbols | 2. simbols | - |
| Pīklas | Saites 2 | Saites 2 | - |
| Wingdings, "Zapf Dingbats" | Spārni 2 | Zapfs Dingbats 2 | - |
| "MS Sans Serif", Ženēva, sans-serif | MS Sans Serif 4 | Ženēva | sans serif |
| "MS Serif", "Ņujorka", serif | MS Serif 4 | Ņujorka 6 | serifs |
1 Georgia un Trebuchet MS fonti tiek piegādāti kopā ar operētājsistēmu Windows 2000/XP, un tie ir iekļauti IE fontu pakotnē (un tie patiešām ir iekļauti daudzās Microsoft lietojumprogrammās), tāpēc tie ir instalēti daudzos Windows 98 datoros.
2 Simbolu fonti tiek parādīti tikai pārlūkprogrammā Internet Explorer, un tie parasti tiek aizstāti ar standarta fontu (lai gan, piemēram, simbolu fonts tiek rādīts programmā Opera un Webdings programmā Safari).
3 Book Antiqua fonts ir gandrīz identisks Palatino Linotype; Palatino Linotype nāk ar Windows 2000/XP, un Book Antiqua ir ar Windows 98.
4 Lūdzu, ņemiet vērā, ka šie fonti nav TrueType, bet gan bitkartes, tāpēc dažos izmēros tie var izskatīties slikti (tie ir paredzēti attēlošanai ar 8, 10, 12, 14, 18 un 24 pt ar 96 DPI).
5 Šie fonti programmā Safari darbojas tikai standarta stilā, bet nedarbojas treknrakstā vai slīprakstā. Comic Sans MS darbojas arī treknrakstā, bet ne slīprakstā. Šķiet, ka citas Mac pārlūkprogrammas labi atdarina trūkstošos fonta rekvizītus (paldies Christian Fecteau par padomu).
6 Šie fonti tiek instalēti operētājsistēmā Mac tikai ar klasisko instalāciju
Ekrānuzņēmumi
- Mac OS X 10.4.8, Firefox 2.0, ClearType iespējots (paldies Jurim Vecvanagam par ekrānuzņēmumu)
- Mac OS X 10.4.4, Firefox 1.5, iespējots ClearType
- Mac OS X 10.4.11, Safari 3.0.4, iespējots ClearType (paldies Nolanam Gladiusam par ekrānuzņēmumu)
- Mac OS X 10.4.4, Safari 2.0.3, iespējots ClearType (paldies Ērikam Zaveskim par ekrānuzņēmumu)
- Windows Vista, Internet Explorer 7, iespējots ClearType
- Windows Vista, Firefox 2.0, iespējots ClearType (paldies Michiel Bijl par ekrānuzņēmumu)
Ja esat iesācējs tīmekļa dizainā, iespējams, domājat kaut ko līdzīgu: “Kāpēc man būtu jāierobežo tikai tik mazs fontu kopums? Man ir milzīga skaistu fontu kolekcija! Fakts ir tāds, ka apmeklētāja pārlūkprogramma var parādīt tikai tos fontus, kas ir instalēti viņa operētājsistēma ( apm. tulks:Šobrīd jau ir iespējams izmantot praktiski jebkurus fontus, veidojot lapas, izmantojot CSS 3 un tā jauno rekvizītu @font-face; tomēr ne visas pārlūkprogrammas vēl atbalsta šo funkciju), kas nozīmē, ka katrs jūsu lapas apmeklētājam ir jābūt jūsu izvēlēto fontu īpašniekam. Tāpēc jums vajadzētu izmantot tikai tos fontus, kas ir pieejami katrā operētājsistēmā. Par laimi, CSS ir īpašums @fontu ģimene, kas atvieglo šo uzdevumu.
Saraksts
| @fontu ģimenes nozīme | Windows | Mac | Ģimene |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans serif |
| "Arial Black", sīkrīks, bez serifa | Arial Black | Arial Black, sīkrīks | sans serif |
| "Comic Sans MS", kursīvs | Komikss bez MS | Komikss bez MS 5 | kursīvs |
| "Courier New", Kurjers, monospace | Kurjers Jauns | Kurjers jauns, kurjers 6 | monotelpa |
| Gruzija, Serif | Gruzija 1 | Gruzija | serifs |
| Trieciens, ogle, bez serifa | Ietekme | Trieciens 5, ogle 6 | sans serif |
| "Lucida Console", Monako, monospace | Lucida konsole | Monako 5 | monotelpa |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Lucida Sans Unicode | Lūsida Grande | sans serif |
| "Palatino linotips", "Book Antiqua", Palatino, serif | Palatino Linotips, Grāmata Antiqua 3 | Palatino 6 | serifs |
| Tahoma, Ženēva, sans-serif | Tahoma | Ženēva | sans serif |
| "Times New Roman", Times, serif | Times New Roman | reizes | serifs |
| "Trebuchet MS", Helvetica, sans-serif | Trebuchet MS 1 | Helvetica | sans serif |
| Verdana, Ženēva, sans-serif | Verdana | Verdana, Ženēva | sans serif |
| Simbols | 2. simbols | 2. simbols | - |
| Pīklas | Saites 2 | Saites 2 | - |
| Wingdings, "Zapf Dingbats" | Spārni 2 | Zapfs Dingbats 2 | - |
| "MS Sans Serif", Ženēva, sans-serif | MS Sans Serif 4 | Ženēva | sans serif |
| "MS Serif", "Ņujorka", serif | MS Serif 4 | Ņujorka 6 | serifs |
1 Georgia un Trebuchet MS fonti tiek piegādāti kopā ar operētājsistēmu Windows 2000/XP, un tie ir iekļauti IE fontu pakotnē (un tie patiešām ir iekļauti daudzās Microsoft lietojumprogrammās), tāpēc tie ir instalēti daudzos Windows 98 datoros.
2 Simbolu fonti tiek parādīti tikai pārlūkprogrammā Internet Explorer, un tie parasti tiek aizstāti ar standarta fontu (lai gan, piemēram, simbolu fonts tiek rādīts programmā Opera un Webdings programmā Safari).
3 Book Antiqua fonts ir gandrīz identisks Palatino Linotype; Palatino Linotype nāk ar Windows 2000/XP, un Book Antiqua ir ar Windows 98.
4 Lūdzu, ņemiet vērā, ka šie fonti nav TrueType, bet gan bitkartes, tāpēc dažos izmēros tie var izskatīties slikti (tie ir paredzēti attēlošanai ar 8, 10, 12, 14, 18 un 24 pt ar 96 DPI).
5 Šie fonti programmā Safari darbojas tikai standarta stilā, bet nedarbojas treknrakstā vai slīprakstā. Comic Sans MS darbojas arī treknrakstā, bet ne slīprakstā. Šķiet, ka citas Mac pārlūkprogrammas labi atdarina trūkstošos fonta rekvizītus (paldies Christian Fecteau par padomu).
6 Šie fonti tiek instalēti operētājsistēmā Mac tikai ar klasisko instalāciju
Ekrānuzņēmumi
- Mac OS X 10.4.8, Firefox 2.0, ClearType iespējots (paldies Jurim Vecvanagam par ekrānuzņēmumu)
- Mac OS X 10.4.4, Firefox 1.5, iespējots ClearType
- Mac OS X 10.4.11, Safari 3.0.4, iespējots ClearType (paldies Nolanam Gladiusam par ekrānuzņēmumu)
- Mac OS X 10.4.4, Safari 2.0.3, iespējots ClearType (paldies Ērikam Zaveskim par ekrānuzņēmumu)
- Windows Vista, Internet Explorer 7, iespējots ClearType
- Windows Vista, Firefox 2.0, iespējots ClearType (paldies Michiel Bijl par ekrānuzņēmumu)
Uzsākot izkārtojuma veidošanu, CSS ir īpaši jānorāda lapā izmantotie fonti. Bieži vien dažādos fontos dizainers ieraksta ne tikai lapas galveno tekstu, bet arī dažādus virsrakstus, logotipus un monogrammas.
Labs dizainers, tāpat kā labs izkārtojuma dizaineris, zina, ka pārlūkprogramma lapas parādīšanai var izmantot tikai tos fontus, kas ir instalēti lietotāja datorā. Tas nozīmē, ka fontus var iedalīt divās kategorijās:
- Fonti, kurus bez problēmām parādīs lielākā daļa lietotāju.
- Fonti, kuru nav diezgan lielai lietotāju grupai.
Ja dizainers izmantoja otrās kategorijas fontus, lai izveidotu, piemēram, logotipu vai lielus statiskus virsrakstus, varat nevilcināties izmantot paņēmienu, kā aizstāt tekstu ar attēlu. Šīs tehnikas izmantošanas trūkums ir neelastība. Ja tekstā ir izmaiņas, jums būs jāpārtaisa attēls un jāmaina CSS (piemēram, ja jaunā attēla izmēri neatbilst vecajam).
Var teikt, ka tehnikas izmantošanas bīstamība ir tieši atkarīga no teksta maiņas iespējamības. Tāpēc, piemēram, lapas vispārīgo tekstu nevar rakstīt nestandarta fontos! Kompetents dizainers to nekad nedarītu. Un, ja dizainers sastopas ar zaļu, labam maketētājam vienkārši ir pienākums izlabot savu kļūdu - izkārtojumā nomainiet šo fontu ar līdzīgāko standarta fontu.
Bet kā atšķirt pirmās grupas fontus no otrās? Ir skaidrs, ka jūs nevarat paļauties uz fontu komplektu, kas instalēts tieši jūsu datorā! Izdomāsim.
Standarta fonti
Standarta fonti ir fontu kopa, kas tiek instalēta kopā ar operētājsistēmu. Tā kā operētājsistēmas ir atšķirīgas, to fontu komplekts ir atšķirīgs. Standarta fontu sarakstu dažādām Windows versijām var atrast, piemēram, rakstā Standarta Windows fonti, bet standarta Mac OS fontu sarakstu lapā Fonti, kas iekļauti operētājsistēmā Mac OS. Kas attiecas uz Unix/Linux operētājsistēmām, tām nav viena fontu kopas. Daudzi Linux lietotāji izmanto DejaVu fontu kopu, jo īpaši Ubuntu tie ir instalēti pēc noklusējuma. Saskaņā ar http://www.codestyle.org statistiku daudziem Unix/Linux lietotājiem ir instalēti arī URW, Free un citi fontu komplekti. Saskaņā ar to pašu statistiku, vairāk nekā 60% Unix/Linux lietotāju datorā ir fonti no Core fonts for the Web, kas līdz 2002. gadam bija oficiāli pieejams bezmaksas lejupielādei Microsoft vietnē.
Lai jebkurā operētājsistēmā lapa tiktu parādīta tā, kā to paredzējis noformētājs, CSS fontu saimes rekvizītā ir iespējams norādīt vairākus fontus, atdalot tos ar komatiem.
Šis rekvizīts norāda prioritāru fontu saimes nosaukumu un/vai vispārīgo uzvārdu sarakstu. Saskaņā ar CSS2 specifikāciju ir divu veidu fontu saimes nosaukumi:
- Jūsu izvēlētais fontu saimes nosaukums. Piemēram, “Times new Roman”, “Arial” un citi. Fontu ģimenes nosaukumi, kuros ir atstarpes, jāiekļauj pēdiņās. Ja pēdiņas trūkst, visas atstarpes rakstzīmes pirms un pēc fonta nosaukuma tiek ignorētas, un jebkura atstarpju secība fonta nosaukumā tiek pārveidota par vienu atstarpi.
- Vispārējā (kopējā) ģimene. Specifikācijā ir noteiktas šādas vispārīgās ģimenes:
- serif - fonti ar serifiem galos;
- sans-serif - sans-serif fonti;
- kursīvs — slīpraksts;
- fantāzija - dekoratīvie fonti;
- monospace - monospace fonts (ar tāda paša platuma burtiem).
Klanu uzvārdi ir atslēgvārdi, un tie nav jāliek pēdiņās.
Tādējādi dizainam tiek ņemts standarta fonts no operētājsistēmas Windows, tiek atlasīts līdzīgs operētājsistēmai Mac OS un Unix/Linux, tiek norādīta kopējā fontu saime, un esat pabeidzis.
Bet tas nav tik vienkārši. Izraksimies sīkāk.
Tīmeklī drošu fontu atrašana
Internetā vēsturiski ir izveidojies jēdziens “droši” tīmekļa fonti. Drošs fonts ir fonts, kas ir standarta visām operētājsistēmām. Tā kā par šādu lietu stāvokli varam tikai sapņot, absolūti drošu fontu nav!
Dažus fontus var saukt par drošiem ar dažām atrunām.
“Drošo” fontu noteikšanas pamatā bija visizplatītākās Windows operētājsistēmas fonti, kas tiek izmantoti arī citās operētājsistēmās. Šādas izmantošanas piemērs ir jau minētie Core fonti Web fontu pakotnei, ko, pēc statistikas datiem, lejupielādējuši daudzi Unix/Linux lietotāji.
Šajā pakotnē ir iekļauti šādi fonti: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Visi no tiem atbalsta kirilicas alfabētu, kas ir svarīga Runetai.
Fontu komplektā, kas ir standarta Mac OS X (šī operētājsistēma ir visplašāk izmantotā Mac OS lietotāju vidū), komplektā ir iekļauti visi fonti no tīmekļa pamata fontu kopas.
Tādējādi, pamatojoties uz citās operētājsistēmās izmantotajiem Windows fontiem, tika izveidots šāds tā saukto “drošo” tīmekļa fontu saraksts:
- Arial
- Arial Black
- Komikss bez MS
- Kurjers Jauns
- Gruzija
- Ietekme
- Times New Roman
- Trebuchet MS
- Verdana
Webdings fontā ir ikonas, un to nevar izmantot saturam. Andale Mono netiek plaši izmantots, jo tas nav labi piemērots ikdienas ekrāna lasīšanai un ne visiem Windows lietotājiem tas ir.
Ikvienam Windows, Mac OS X lietotājam un lielākajai daļai Unix/Linux lietotāju (t.i., tiem, kuri ir instalējuši Web pakotnes Core fontus) ir visi šie fonti.
Bet kā ir ar pārējo? Galu galā jūs vēlaties, lai dizainera plānu redzētu pēc iespējas vairāk lietotāju!
Fonti, kas atbalsta kirilicu
Īpaša RuNet iezīme ir problēma ar lapu kodējumu un kirilicas atbalstu fontos. Lai izvairītos no problēmām ar dažādu rakstzīmju kodējumu, gudri cilvēki nāca klajā ar Unicode, kas ļauj vienā fontā apvienot rakstzīmes no vairākām valodām. Tādējādi lapām krievu valodā ir jāizmanto tikai Unicode fonti, kas atbalsta kirilicu.
Zemāk ir fontu atbilstības tabula.
| Windows | MacOS | Unix/Linux | senču ģimene |
|---|---|---|---|
| Arial Black | Helvetica C.Y. | Nimbs Sans L | Sans serif |
| Arial | Helvetica C.Y. | Nimbs Sans L | Sans serif |
| Komikss bez MS | Monako CY | * (Skatīt zemāk) | kursīvs |
| Kurjers Jauns | * (Skatīt zemāk) | Nimbus Mono L | Monotelpa |
| Gruzija | * (Skatīt zemāk) | Gadsimta mācību grāmata L | Serif |
| Ietekme | Kokogles C.Y. | * (Skatīt zemāk) | Sans serif |
| Times New Roman | Times C.Y. | Nimbus Roman No9 L | Serif |
| Trebuchet MS | Helvetica C.Y. | * (Skatīt zemāk) | Sans serif |
| Verdana | Ženēva C.Y. | DejaVu Sans | Sans serif |
* kolonnā pretī fontam nozīmē, ka operētājsistēmai nav Windows fonta vietējo kirilicas ekvivalentu. Bet tajā pašā laikā pastāv liela varbūtība, ka šis fonts ir instalēts tieši operētājsistēmā.
Piemēram, ja izkārtojuma galvenais teksts ir Arial, mēs atrodam šo fontu tabulā un ierakstām atbilstošo rindiņu CSS:
pamatteksts (fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;)
ķermenis ( fontu saime: Arial, "Helvetica CY", "Nimbus Sans L", sans - serif; |
Šis ieraksts nozīmē, ka, ja lietotājam ir Arial fonts (un visiem Windows lietotājiem un visiem Mac OS X lietotājiem tas ir), tad lapa tiks parādīta ar šo fontu. Ja lietotājam šī fonta nav, tad krieviski runājoša Mac OS 9 lietotāja lapa tiks precīzi attēlota standarta sistēmas fontā Helvetica CY, bet Unix/Linux lietotājam tā tiks attēlota Nimbus Sans L fontā. , kas ir instalēta 90% Unix/Linux lietotāju. Ja Unix/Linux lietotājs ir tajā 10%, kam nav šī fonta, tad lapa tiks parādīta serif fontā, kas pēc noklusējuma ir iestatīts Web lapu skatīšanai.
Papildus tam, ka tabulā ir ņemti vērā Unix/Linux fonti, aiz ierastās Helvetica ir arī kāda dīvaina CY ikona. Noskaidrosim, kas tas ir!
Pirms operētājsistēmas Mac OS X izlaišanas šai rindiņai bija šāda nozīme: Windows lietotājiem mēs parādām lapu Arial, Mac OS 9 lietotājiem standarta Helvetica fontā, bet pārējiem mēs redzam lapu sistēmā sans-serif fonts, kas pēc noklusējuma ir konfigurēts pārlūkprogrammā. Bet atkal svarīga nianse! Standarta Mac OS 9 Helvetica fontam nav kirilicas! Lapai krievu valodā tas nozīmēja sekojošo: Windows lietotājiem mēs attēlojam Arial lapu, Mac OS 9 lietotājiem - standarta Helvetica fontā, kas parāda nelasāmu informāciju, bet pārējie skata lapu ar sistēmu sans-serif. pārlūkprogrammā pēc noklusējuma konfigurēts fonts.
Lai pareizi parādītu šo komplektu operētājsistēmas Mac OS 9 lietotājiem, nevis bezkirilizētas Helvetica, ir lietderīgi norādīt to pašu standarta Mac OS 9 fontu Helvetica CY, kas satur kirilicu.
Lineālu lasīšana ir mainījusies kopš Mac OS X izlaišanas. Tagad operētājsistēmai Windows/Mac OS X ir noteikts viens standarta fonts. Un, ja mēs vēlamies, lai Mac OS 9 lietotāji varētu redzēt dizainera nodomu, mums fontu rindā jāiekļauj fonts, kurā ir kirilica.
Tātad, lai gan nav drošu fontu, ir drošas fontu saimes. Viņus arī sauc fontu CSS kaudzes. Papildus standarta Windows/Mac OS X fontiem šajās rindās var būt iekļauti arī līdzvērtīgi fonti no Mac OS 9 standarta komplekta (kurā pēc noklusējuma nav “drošu” fontu) un parastie Unix/Linux fonti.
Jebkurš maketētājs agrāk vai vēlāk sastopas ar brīdi, kad dizainers izkārtojumā izmanto fontu, kas nav iekļauts “drošo” fontu sarakstā; Bet tas vēl nav iemesls zvanīt! Piemēram, dizaineri ļoti bieži izkārtojumos izmanto fontu Tahoma, kas šajā sarakstā nav iekļauts. Pareizi uzbūvēta fontu līnija paver iespēju izmantot ne tikai Tahoma, bet arī citus fontus. Arvien vairāk dizaineru izmanto šo iespēju, un kompetentam maketētājam par to būtu jāzina.
Zemāk ir papildu tabula ar fontiem, kas nav iekļauti “drošo” fontu sarakstā, bet kurus var izmantot izkārtojumos.
| Windows | MacOS | senču ģimene |
|---|---|---|
| Lucida konsole | Monako | Monotelpa |
| Lucida Sans Unicode | Lūsida Grande | Sans serif |
| Tahoma | Ženēva C.Y. | Sans serif |
Ko darīt, ja nav kirilicas alfabēta?
Angļu valodas tekstiem iepriekšminētajām tabulām ir nedaudz atšķirīgs izskats.
| Windows | MacOS | Unix/Linux | senču ģimene |
|---|---|---|---|
| Arial Black | Sīkrīks | Nimbs Sans L | Sans serif |
| Arial | Helvetica | Nimbs Sans L | Sans serif |
| Komikss bez MS | Monako | TSCu_Comic | kursīvs |
| Kurjers Jauns | Kurjers | Nimbus Mono L | Monotelpa |
| Gruzija | * (Skatīt zemāk) | Gadsimta mācību grāmata L | Serif |
| Ietekme | Ogles | Rekha | Sans serif |
| Times New Roman | reizes | Nimbus Roman No9 L | Serif |
| Trebuchet MS | Helvetica | Garuda | Sans serif |
| Verdana | Ženēva | DejaVu Sans | Sans serif |
Arial, Courier New un Times New Roman fontiem, veidojot lineālus, labāk vispirms norādīt Unix/Linux fontu un pēc tam Mac OS fontu. Tas ir saistīts ar zināmu Linux X11 pamata fontu kopas greizību.
Fonti, kas nav iekļauti "drošo" sarakstā, bet kurus var izmantot izkārtojumos, ir labāk definēti, izmantojot CSS fontu stekus, pamatojoties uz šo tabulu.
| Windows | MacOS | Unix/Linux | senču ģimene |
|---|---|---|---|
| Lucida konsole | Monako | - | Monotelpa |
| Lucida Sans Unicode | Lūsida Grande | Garuda | Sans serif |
| Palatino Linotips | Palatino | Garuda** | Sans serif |
| Tahoma | Ženēva | Kalimati | Sans serif |
Svītra Unix/Linux kolonnā norāda, ka šo operētājsistēmu lietotāji, visticamāk, redzēs lapā noklusējuma fontu.
** Šajā rindā ir jēga novietot Garuda fontu pirms Palatino (skatiet paskaidrojumu iepriekš).
Secinājumi:
- Nav absolūti drošu fontu. Šādus fontus var uzskatīt par nosacīti drošiem:
- Arial
- Arial Black
- Komikss bez MS
- Kurjers Jauns
- Gruzija
- Ietekme
- Times New Roman
- Trebuchet MS
- Verdana
- Drošas CSS stekas, kurās ņemts vērā kirilicas alfabēta atbalsts fontos, ir atrodamas rakstā.
- Ja kirilicas alfabēta atbalsts lapā nav svarīgs, mēs izmantojam CSS steku no raksta.
