Töltse le a rendszer betűtípusait. Rendszer betűtípusok, kapcsolat. Rendszer, szabványos, biztonságos betűtípusok

Ez a lista az összes jelenlegi Windows operációs rendszerben (sőt, a Windows 98 óta) közös betűtípusokat és azok megfelelőit a Mac OS rendszerben tartalmazza. Az ilyen betűtípusokat néha "böngészőben biztonságos betűtípusoknak" ( böngésző biztonságos betűtípusai). Ez egy kis referenciakönyv, amelyet weblapok készítésekor használok, és azt hiszem, az Ön számára is hasznos lesz.

Ha még nem ismeri a webdesignt, akkor valami ilyesmire gondolhat: „Miért korlátozhatnék ilyen kis betűkészletet? Hatalmas gyönyörű betűkészlet-gyűjteményem van!” A helyzet az, hogy a látogató böngészője csak azokat a betűtípusokat tudja megjeleníteni, amelyek telepítve vannak az övében operációs rendszer ( kb. fordító: Jelenleg már gyakorlatilag bármilyen betűtípus használható oldalak tervezésekor a CSS 3 és annak új tulajdonsága segítségével @font-face; azonban még nem minden böngésző támogatja ezt a funkciót), ami azt jelenti minden az oldal látogatójának az Ön által választott betűtípusok tulajdonosának kell lennie. Ezért csak olyan betűtípusokat használjon, amelyek az egyes operációs rendszereken elérhetők. Szerencsére a CSS-nek van tulajdonsága @betűtípus család, ami megkönnyíti ezt a feladatot.

Lista

@font-family jelentése	ablakok	Mac	Család
Arial, Helvetica, sans-serif	Arial	Arial, Helvetica	sans-serif
"Arial Black", Gadget, serif nélkül	Arial Black	Arial Black, Gadget	sans-serif
"Comic Sans MS", kurzív	Comic Sans MS	Comic Sans MS 5	kurzív
"Új futár", futár, monospace	Futár Új	Futár Új, Futár 6	monospace
Georgia, Serif	Grúzia 1	Grúzia	serif
Impact, faszén, sans-serif	Hatás	Impact 5, Faszén 6	sans-serif
"Lucida Console", Monaco, monospace	Lucida konzol	Monaco 5	monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif	Lucida Sans Unicode	Lucida Grande	sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif	Palatino Linotype, Antiqua 3. könyv	Palatino 6	serif
Tahoma, Genf, sans-serif	Tahoma	Genf	sans-serif
"Times New Roman", Times, serif	Times New Roman	Times	serif
"Trebuchet MS", Helvetica, sans-serif	Trebuchet MS 1	Helvetica	sans-serif
Verdana, Genf, sans-serif	Verdana	Verdana, Genf	sans-serif
Szimbólum	2. szimbólum	2. szimbólum	-
Webingek	Hálózatok 2	Hálózatok 2	-
Wingdings, "Zapf Dingbats"	Szárnyak 2	Zapf Dingbats 2	-
"MS Sans Serif", Genf, sans-serif	MS Sans Serif 4	Genf	sans-serif
"MS Serif", "New York", serif	MS Serif 4	New York 6	serif

1 A Georgia és Trebuchet MS betűtípusokat a Windows 2000/XP rendszerrel szállítják, és az IE betűkészlet-csomag része (és valóban sok Microsoft-alkalmazással együtt), így sok Windows 98-as számítógépre telepítve vannak.

2 A szimbólum-betűtípusok csak az Internet Explorerben jelennek meg, más böngészőkben általában szabványos betűtípusra cserélik őket (bár például az Opera programban a Symbol betűtípus, a Safariban pedig a Webdings jelenik meg).

3 A Book Antiqua betűtípus majdnem megegyezik a Palatino Linotype betűtípussal; A Palatino Linotype Windows 2000/XP, a Book Antiqua pedig Windows 98 rendszerrel érkezik.

4 Kérjük, vegye figyelembe, hogy ezek a betűtípusok nem TrueType, hanem bitmap betűtípusok, ezért bizonyos méreteknél rosszul tűnhetnek (8, 10, 12, 14, 18 és 24 pt 96 DPI-vel való megjelenítésre tervezték).

5 Ezek a betűtípusok csak szabványos stílusban működnek a Safariban, de nem félkövér vagy dőlt betűkkel szedve. A Comic Sans MS is félkövéren van szedve, de nem dőlt betűvel. Úgy tűnik, hogy a többi Mac-böngésző önmagában is jól emulálja a hiányzó betűtípus-tulajdonságokat (köszönet Christian Fecteau-nak a tippért).

6 Ezek a betűtípusok csak a klasszikus telepítéssel telepíthetők Mac rendszeren

Képernyőképek

• Mac OS X 10.4.8, Firefox 2.0, ClearType engedélyezve (köszönet Juris Vecvanagsnak a képernyőképért)
• Mac OS X 10.4.4, Firefox 1.5, ClearType engedélyezve
• Mac OS X 10.4.11, Safari 3.0.4, ClearType engedélyezve (köszönet Nolan Gladiusnak a képernyőképért)
• Mac OS X 10.4.4, Safari 2.0.3, ClearType engedélyezve (köszönet Eric Zavesky-nek a képernyőképért)
• Windows Vista, Internet Explorer 7, ClearType engedélyezve
• Windows Vista, Firefox 2.0, ClearType engedélyezve (köszönet Michiel Bijlnek a képernyőképért)

A webdesign egyik fő feladata a megfelelő választás szabványos betűtípusok. A betűtípus beágyazási szolgáltatásokat, mint például a Google Web Fonts vagy a Typekit alternatívaként hozták létre azzal a céllal, hogy valami újat nyújtsanak.

Nagyon könnyen használhatóak. Vegyük például a Google Web Fonts szolgáltatást.

Válassza ki az Open Sans, Droid Serif vagy Lato betűtípust. Írja be a kódot, és illessze be az elembe HTML dokumentum. Készen áll, hogy hivatkozzon rá CSS-ben! Az egész folyamat nem tartott tovább 60 másodpercnél. És minden teljesen ingyenes.

Mi lehet a baj?

Előfordulhat, hogy bizonyos betűtípusok nem mindenki számára elérhetők. Ez pedig azt jelenti, hogy problémák adódhatnak. Örülsz, hogy gyönyörű betűtípust választottál az oldalhoz, de a weboldal látogatója helyette csúnya írást lát.

Ez nem fog megtörténni, ha biztonsági mentési lehetőséget alkalmaz.

Mennyire fontos a biztonságos webes betűtípusok használata?

Minden eszköz saját, előre telepített betűkészlettel rendelkezik. Hogy melyik az operációs rendszertől függ. Az a baj, hogy apró különbségek vannak köztük.

Mi a helyzet a weboldalakkal? Mint ez? Előfordulhat, hogy a látott betűtípus nem az eredetileg a webhelyhez megadott betűtípus.

Mit jelent? Tegyük fel, hogy a tervező egy fizetős betűtípus családot választott az oldalhoz. Ha nincsenek telepítve, és nem egy speciális webszolgáltatás biztosítja őket, akkor a látható betűtípus az egyik szabványos opció. Például a Times New Roman.

Ezért a képernyőn megjelenő szöveg egyszerűen szörnyűnek tűnik.

És itt szabványos betűtípusok a webhelyhez minden operációs rendszeren elérhető. Ez egy kis gyűjtemény Windows, Mac, Google, valamint Unix és Linux rendszereken.

A kiválasztás segítségével a tervezők, valamint a webhelytulajdonosok meghatározhatják, hogy melyik betűtípust használja tartalék betűtípusként. Ezzel szabályozhatja, hogyan nézzen ki az oldal különböző eszközökön.

Tartalék lehetőségként a fejlesztő az eredetihez nagyon hasonló betűtípust választ ki, és ez jelenik meg a felhasználó számára.

Vessünk egy pillantást a legnépszerűbbek válogatására szabványos betűtípusok HTML.

15 legjobb internetes biztonságos betűtípus

1. Arial

A legtöbb esetben szabványnak tekinthető. A leggyakoribb betűtípus" sans serif"vagy sans serif betűtípusok ( amelyeknek nincs serifje a betűk végén). A Windows rendszerben gyakran használják más karakterek helyettesítésére.

1. Helvetica

A Helvetica életmentő a tervezők számára. Ez szabványos webes betűtípus szinte mindig működik ( legalábbis biztonsági hálóként más betűtípusok számára).

1. Times New Roman

Ugyanazt a szerepet szolgálja a serif betűtípusoknál, mint az Arial a sans serif betűtípusoknál. Ez az egyik legnépszerűbb a Windows eszközök. Ez a régi Times betűtípus frissített változata.

1. Times

CSS szabványos betűtípus A Times a legtöbb számára ismerős. Sokan apró betűkkel emlékeznek rá a régi újságok szűk hasábjain. A legelterjedtebb, hagyománnyá vált nyomtatási mód.

1. Futár Új

Hasonló a Times New Roman-hoz, és a régi klasszikusok variációjaként használják. Egyszóközű betűtípusnak is tekinthető. A serif és sans serif betűtípusokkal ellentétben minden karaktere azonos szélességű.

1. futár

Régi fix szélességű betűtípus, amelyet szinte minden eszközön és operációs rendszeren tartalékként használnak.

1. Verdana

A Verdana joggal tekinthető igazi webes betűtípusnak ( valódi webes betűtípus) a serifként működő egyszerű vonalaknak, valamint a nagy méretnek köszönhetően. Betűi enyhén megnyúltak, így a képernyőn jól olvashatóak.

1. Grúzia

A Georgia szabványos webes betűtípus alakjában és méretében hasonló a Verdana betűtípushoz. Karakterei nagyobbak, mint a többi azonos méretű betűtípus. De jobb, ha nem használja másokkal együtt. Ugyanaz a Times New Roman ehhez képest törpének tűnik.

1. Palatino

Palatino a reneszánsz korba nyúlik vissza. Nem vicc. Ez egy másik nagy betűtípus, amely tökéletes az internethez. Gyakran használják címsorokban és hirdetésekben.

1. Garamond

Egy másik ősi betűtípus, amely a 16. században jelent meg Párizsban. Új és továbbfejlesztett verziója a legtöbb Windows-eszközön alapfelszereltség. Később ezt a betűtípust más operációs rendszerek is átvették.

1. Tudós ember

Bookman ( vagy Bookman Old Style) - az egyik legjobb szabványos betűtípusok címsorokhoz. Jellemzője az olvashatóság kis méret használata esetén is.

1. Comic Sans MS

A Comic Sans MS egy szórakoztató alternatíva a serif betűtípusokhoz.

1. Trebuchet MS

Ez egy középkori témájú betűtípus, amelyet eredetileg a Microsoft fejlesztett ki a kilencvenes évek közepén. Windows XP alatt használták. Ma a főszöveg összeállítására használják.

Ebben a cikkben megosztom a megoldásomat a Windows 7 rendszerben a betűtípusok helytelen megjelenítésével kapcsolatos problémára, amely megköveteli az összes szabványos betűtípus visszaállításaWindows 7. A kérdés háttere a következő: Nemrég kerestem új eredeti fontokat grafikus szerkesztőben való használatra, egy csomót letöltöttem, de aztán észrevettem, hogy amikor új betűtípus kerül a rendszerbe, ha van egy egyezik, az eredeti betűtípust egy újra cserélik (utasítások a betűkészletek telepítéséhez a Windows 7 rendszerben). Ennek a tevékenységnek az eredményeként a rendszerpanelek és alkalmazások felében lehetetlenné vált a munkavégzés, mivel számomra ismeretlen nyelveken beszéltek :).

Gyors Google keresés a " a rendszer betűtípusainak visszaállítása ideWindows 7"És" szabványos betűtípusokWindows 7", nem sok eredményt hozott, a javasolt megoldások nem segítettek az fkb-n (természetesen a rendszer újratelepítése nem felelt meg nekem). Ezért úgy döntöttem, hogy a saját utamat járom, és először egyszerűen átmásoltam az eredeti betűtípusokat egy ismert normál rendszerből (hadd emlékeztessem önöket, hogy a betűtípusok a könyvtárban vannak tárolva %windir%\fonts), és lecseréltem rájuk a rendszeremen lévő betűtípusokat. A megoldás csak részben segített, lehetővé vált a rendszerben való munkavégzés, megjelentek a natív cirill karaktereim, de a betűtípus paraméterei hagytak kívánnivalót maga után. Először is, egyes betűtípusok mérete megváltozott, vagy írása már nem felel meg az eredetinek, vagy valamilyen oknál fogva a betűtípus félkövér lett.

Sikerült azonban rájönnöm, hogyan lehet leküzdeni ezt a problémát. Ehhez vissza kell állítani a betűkészlet beállításait a rendszerleíró adatbázisban, amelyhez töltse le az alább mellékelt fájlt, amely lehetővé teszi a szabványos betűtípusok társításainak visszaállítását a Windows 7 rendszerben. Letöltheti:

Ez a fájl a rendszerleíró adatbázis exportált tartalmát képviseli HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts Win 7-ben. A .reg fájl alkalmazása után újra kell indítani a rendszert, lám! A betűtípusok problémájának el kell tűnnie!

Azok. A sorozat, amely segített visszaállítani a szabványos rendszer-betűtípusokat a Windows 7 rendszerben, a következő:

• betűtípusok lecserélése a %windir%\fonts könyvtárban „tiszta” rendszerből származó betűtípusokra
• export registry ág HLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts

Remélem, ha a betűtípusaid is összeomlottak, ez a megoldás neked is segít. Mindenesetre, ha olyan alternatív módszert talál, amely segített az Ön helyzetében, ne habozzon megosztani a megjegyzésekben. Elméletileg az utasítások olyan esetekben is megfelelőek, amikor a kívánt betűtípust véletlenül törölték, és miután megtalálták és visszamásolták, a hibák nem tűnnek el.

PS. Ha nincs kéznél tiszta Windows 7, letölthet egy archívumot szabványos betűtípusokkal innen: http://narod.ru/disk/52061075001.99f42303cf1a0ac70dc978dd20406657/original_fonts.zip.html, az archívum mérete körülbelül 350 MB.

Az elrendezés létrehozásának megkezdésekor a CSS-ben konkrétan meg kell adni az oldalon használt betűtípusokat. A tervező gyakran különböző betűtípusokkal nem csak az oldal fő szövegét írja be, hanem különféle címsorokat, logókat és monogramokat is:

A jó tervező, akárcsak a jó elrendezéstervező, tudja, hogy a böngésző csak azokat a betűtípusokat tudja használni, amelyek a felhasználó számítógépére vannak telepítve egy oldal megjelenítésére. Vagyis a betűtípusok két kategóriába sorolhatók:

1. Betűtípusok, amelyeket a felhasználók túlnyomó többsége probléma nélkül megjelenít.
2. Betűtípusok, amelyekkel a felhasználók meglehetősen nagy csoportja nem rendelkezik.

Ha a tervező a második kategória betűtípusait használta például logó vagy nagy statikus fejléc létrehozásához, akkor nyugodtan használja a technikát. Ennek a technikának a hátránya a rugalmatlanság. Ha a szövegben változás történik, újra kell készítenie a képet és módosítania kell a CSS-t (például ha az új kép mérete nem egyezik a régivel).

Azt mondhatjuk, hogy egy technika használatának veszélye közvetlenül függ a szöveg megváltoztatásának valószínűségétől. Ezért például egy oldal általános szövege nem írható nem szabványos betűtípussal! Egy hozzáértő tervező soha nem tenne ilyet. És ha a tervező zölddel találkozik, a jó tördelőnek egyszerűen ki kell javítania a hibáját - az elrendezésben cserélje ki ezt a betűtípust a leginkább hasonló szabványosra.

De hogyan lehet megkülönböztetni az első csoport betűtípusait a másodiktól? Nyilvánvaló, hogy nem támaszkodhat közvetlenül a számítógépére telepített betűkészletre! Találjuk ki.

Szabványos betűtípusok

A szabványos betűtípusok az operációs rendszerrel együtt telepített betűkészletek. Mivel az operációs rendszerek különbözőek, a betűkészletük is eltérő. A Windows különböző verzióihoz tartozó szabványos betűtípusok listája megtalálható például a Szabványos Windows-betűkészletek cikkben, a szabványos Mac OS-betűkészletek listája pedig a Mac OS-hez mellékelt betűtípusok oldalon. Ami a Unix/Linux operációs rendszereket illeti, nincs egyetlen betűkészletük sem. Sok Linux-felhasználó használja a DejaVu betűkészletet, különösen az Ubuntuban, ezek alapértelmezés szerint telepítve vannak. A http://www.codestyle.org statisztikái szerint sok Unix/Linux felhasználó URW, Free és egyéb betűkészleteket is telepített. Ugyanezen statisztikák szerint a Unix/Linux felhasználók több mint 60%-a rendelkezik a Core fonts for the Web-ből származó betűkészlettel a számítógépén, amely 2002-ig hivatalosan is ingyenesen letölthető volt a Microsoft weboldaláról.

Annak érdekében, hogy az oldal a tervező szándéka szerint jelenjen meg bármely operációs rendszeren, a CSS tulajdonságban több betűtípust is megadhatunk, vesszővel elválasztva.

Ez a tulajdonság a betűtípuscsaládnevek és/vagy általános családnevek prioritásos listáját adja meg. A CSS2 specifikáció szerint kétféle betűtípus családnév létezik:

1. Az Ön által választott betűtípus-családnév. Például "Times new Roman", "Arial" és mások. A szóközt tartalmazó betűtípuscsaládneveket idézőjelbe kell tenni. Ha hiányoznak az idézőjelek, a rendszer figyelmen kívül hagyja a betűtípus neve előtti és utáni szóköz karaktereket, és a betűtípus nevében szereplő szóközök sorozata egyetlen szóközzé alakul.
2. Általános (közös) család. A specifikáció a következő általános családokat határozza meg:
   • serif - betűtípusok serifekkel a végén;
   • sans-serif - sans-serif betűtípusok;
   • kurzív – dőlt betűtípusok;
   • fantázia - dekoratív betűtípusok;
   • monospace - monospace betűtípus (ugyanolyan szélességű betűkkel).
   A klán családnevek kulcsszavak, és nem kell őket idézőjelbe tenni.

Így a tervezéshez egy szabványos betűtípust veszünk a Windows operációs rendszerből, kiválasztunk egy hasonlót Mac OS-hez és Unix/Linuxhoz, megadunk egy közös betűtípus-családot, és kész.

De ez nem ilyen egyszerű. Ássuk részletesebben.

Internetes biztonságos betűtípusok keresése

Az interneten a „biztonságos” webes betűtípusok fogalma történelmileg kialakult. A biztonságos betűtípus minden operációs rendszerben szabványos betűtípus. Mivel ilyen állapotról csak álmodni lehet, akkor Nincsenek teljesen biztonságos betűtípusok!

Egyes betűtípusok bizonyos fenntartásokkal biztonságosnak nevezhetők.

A „biztonságos” betűtípusok meghatározásának alapját a legelterjedtebb Windows operációs rendszer betűtípusai képezték, amelyeket más operációs rendszerekben is használnak. Ilyen felhasználási példák a már említett Core fontok a Web font csomaghoz, amelyeket a statisztikák szerint sok Unix/Linux felhasználó töltött le.

Ez a csomag a következő betűtípusokat tartalmazza: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Mindegyik támogatja a cirill ábécét, ami fontos a Runet számára.

A Mac OS X-hez szabványos betűkészlet (ez az operációs rendszer a legszélesebb körben használt Mac OS felhasználók körében) tartalmazza a Core fonts for the Web készlet összes betűtípusát.

Így a más operációs rendszerekben használt Windows-betűkészletek alapján a következő, úgynevezett „biztonságos” webes betűtípusok listája jött létre:

• Arial
• Arial Black
• Comic Sans MS
• Futár Új
• Grúzia
• Hatás
• Times New Roman
• Trebuchet MS
• Verdana

A Webdings betűtípus ikonokat tartalmaz, és nem használható tartalomhoz. Az Andale Mono-t nem használják széles körben, mert nem alkalmas mindennapi képernyőolvasásra, és nem minden Windows-felhasználó rendelkezik vele.

Minden Windows-, Mac OS X-felhasználó és a Unix/Linux-felhasználók túlnyomó többsége (vagyis azok, akik telepítették a Core fonts for the Web csomagot) rendelkeznek ezekkel a betűtípusokkal.

De mi van a többivel? Végül is azt szeretné, hogy a tervező tervét a lehető legtöbb felhasználó lássa!

Erről a kiadvány második részében olvashat.

A betűtípusok a weboldal tervezésének szerves és nagyon fontos részét képezik, hangsúlyozva annak egyéniségét. A cikk a szabványos betűtípusok weboldalhoz való csatlakoztatásáról fog beszélni, ezeket rendszer-betűtípusoknak is nevezik.

Rendszer, szabványos, biztonságos betűtípusok

Bármely böngésző csak azokat a betűtípusokat jeleníti meg, amelyek a számítógép operációs rendszerében megtalálhatók. Ezért hívják őket rendszernek, és alapértelmezés szerint az operációs rendszerrel együtt telepítik őket.

És ezeket biztonságos betűtípusoknak nevezik, mert valószínűleg a legtöbb webhelylátogató böngészőjében jelennek meg.

De a probléma az, hogy a különböző operációs rendszereken különböző betűkészletek vannak telepítve. A Windows és a Mac OS hivatalos oldalain megtekintheti a mellékelt fontkészleteket az operációs rendszerrel együtt. Unix/Linux alatt pedig egyáltalán nincs szabványkészlet.

Annak érdekében, hogy az internetes oldal a tervező ötletének megfelelően jelenjen meg, a CSS-be telepítették a font-family nevű font tulajdonságot.

font-family ingatlan

A font-family tulajdonság bizonyos jellemzők szerint csoportosított betűtípuscsaládok.

Általános családok:

• serif - betűtípusok serifekkel a végén;
• sans-serif - sans-serif betűtípusok;
• kurzív – dőlt betűtípusok;
• fantázia - dekoratív betűtípusok;
• monospace - monospace betűtípus (ugyanolyan szélességű betűkkel).

Így a különböző operációs rendszerekből származó hasonló betűtípusok egyszerűen kiválaszthatók és vesszővel elválasztva csatlakoztathatók az internetes oldalhoz.

Íme egy példa, csak a vizuális észleléshez. Erre a példára később visszatérünk, amikor fontolóra vesszük a betűtípusok közvetlen összekapcsolását.

Csak kövesse a logikát, és minden kristálytiszta lesz.

Törzs ( font-család: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; ) Elemezzük a leírtakat:

• Windows operációs rendszer - Arial;
• OC Mac OS - Helvetica CY;
• OC Unix/Linux – Nimbus Sans L;
• Általános család - sans-serif.

Úgynevezett biztonságos fontok

Az OS Windows alapján számos biztonságos betűtípus listája készült.

1. Arial
2. Arial Black
3. Comic Sans MS
4. Futár Új
5. Grúzia
6. Hatás
7. Times New Roman
8. Trebuchet MS
9. Verdana

Ezek a betűtípusok mindegyike telepítve van Mac OS X, Windows és sok Unix/Linux felhasználóra, akiknél telepítve vannak a webcsomag Core fontjai.

A többi felhasználó számára megfelelési táblázat áll rendelkezésre. Hasonló betűtípusokat tartalmaz, amelyek egy adott családhoz tartoznak.

A betűtípusok egy adott családhoz való megfelelésének és besorolásának táblázata:

ablakok	Mac operációs rendszer	Unix/Linux	ősi család
Arial Black	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Arial	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Comic Sans MS	Monaco CY	* (lásd alább)	kurzív
Futár Új	* (lásd alább)	Nimbus Mono L	Monospace
Grúzia	* (lásd alább)	Századi tankönyv L	Serif
Hatás	Faszén C.Y.	* (lásd alább)	Sans-serif
Times New Roman	Times C.Y.	Nimbus Roman No9 L	Serif
Trebuchet MS	Helvetica C.Y.	* (lásd alább)	Sans-serif
Verdana	Genf C.Y.	DejaVu Sans	Sans-serif

* Betűtípusok csatlakoztatásakor nyugodtan támaszkodhat rá. A táblázat támogatja a cirill karaktereket és az orosz ábécét.

Rendszer-betűtípusok csatlakoztatása a webhelyhez

Ha csatlakozni kell fő betűtípus a teljes dokumentumhoz, csak hozzá kell adnia a következő kódot a CSS stíluslaphoz:

Törzs ( /* a betűtípus csatlakoztatása a teljes dokumentumhoz */ font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* ezenkívül beállítja a betűméretet */ font-size: 16px; / * állítsa be a félkövér betűtípust, vagy 400 helyett állítsa be az értéket - normál */ font-weight: 400; )

A rendszerbetűtípusok pedig így kapcsolódnak a Bootstrap 4 keretrendszerben: A betűtípusok a mobileszközöket szem előtt tartva szerepelnek.

Törzs (betűcsalád: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; )

Betűtípus hozzárendelése a címsorokhoz

H1, H2, H3, H4, H5, H6 - itt is ugyanaz, csak a címsorok kiemeléséhez állítjuk be a vastagsági értéket:

H1, h2, h3, h4, h5, h6 ( font-család: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* a betűtípus összekapcsolása a címsorokkal */ font-weight: 600; / * állítsa be a betűméretet, vagy 600 helyett állítsa az értéket félkövérre */ )

Betűtípust csak a bekezdésekhez rendelünk:

p ( font-család: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-weight: normal; font-size: 16px; ) Sorról sorra így néz ki:

1. A betűtípust bekezdésekhez kötjük, alkalmazható li listákra, div blokkra, űrlapokra és egyéb elemekre;
2. Állítsa be a betűtípus súlyát, vagy 600 helyett állítsa az értéket félkövérre;
3. Ezenkívül beállítjuk a bekezdések betűméretét.

Nak nek csak egy adott bekezdéshez rendeljen betűtípust, vagy blokk, először ehhez a blokkhoz kell osztályt rendelnie a HTML dokumentumban:

Itt van egy bekezdés plugin betűtípussal

És a CSS táblába írja be a következő kódot:

Fő betűtípus (betűcsalád: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; betűsúly: normál; betűméret: 16 képpont; )

Most minden címkéhez – egy .font osztályú html elemhez (nevezzük bárhogyan) – egy Arial betűtípus lesz hozzárendelve, normál (400), félkövér és 16 pixel méretű.
Hasonlóképpen, különböző betűtípusokat rendelhet hozzá listákhoz, táblázatokhoz, teljes div blokkokhoz, egyes szavakhoz vagy kifejezésekhez.

Betűtípusok közvetlen összekapcsolása HTML-dokumentumban

A betűtípusok közvetlenül a HTML-dokumentumba kerülnek, ugyanúgy, mint a CSS-fájlok, az egyetlen különbség a szintaxisban van. A dokumentum fejlécébe – a címkék közé – beilleszthet betűtípusokat (hasonlóan a CSS-fájlhoz), vagy inline - tulajdonságok közvetlen hozzárendelése a html címkékhez.

Betűtípusok a fejlécben, a címkék között . Ehhez adja hozzá a következő kódot a html dokumentumhoz:

Minden hasonló a CSS-fájlban lévő kapcsolathoz.

Betűtípusok összekapcsolása soron belül

Közvetlenül a webhely elemeihez. Hadd mondjak néhány példát:

A betűtípus összekapcsolása a bekezdéssel

Itt van egy bekezdés szöveggel

Egy külön szót félkövérrel kiemelünk, és a fő betűtípustól külön betűtípust rendelünk hozzá

Itt van egy bekezdés szöveggel, és ez szó, amelyet félkövérrel kell kiemelni

A hivatkozást félkövérrel kiemeljük, és a főtől külön betűtípust rendelünk hozzá

Ez egyszerű szöveg, itt a link is egyszerű szöveg.

Hasonlóképpen, bármilyen html címkéhez betűtípust rendelünk.

Megjegyzés – Rendszer-betűtípusok a Bootstrap 4-ben

A híres Framework Bootstrap 4 fejlesztői a következő módon kapcsolják össze a betűtípusokat, így szinte minden eszköz használhatja a szabványos rendszer-betűtípusait.

Törzs (betűcsalád: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; )