Új betűtípus hozzáadása egy webhelyhez nem a legegyszerűbb feladat. Hol lehet választani, letölteni és hogyan adhatunk betűtípust egy webhelyhez CSS-ben? Ebben a cikkben bemutatunk egyet a legkényelmesebb hogyan telepítheti és csatlakoztathatja a betűtípust a webhelyhez.
Hogyan lehet betűtípust felvenni egy webhelyre CSS-ben
Például van egy betűtípusunk Raleway.ttfés minden fejlécben használni akarjuk ( h1) weboldalunkon. Ehhez hajtsa végre a következő lépéseket:
h1 ( betűtípus család: "RalewayRegular"; }
Mostantól az oldal összes 1. szintű címsora a szükséges betűtípussal jelenik meg.
Ha több betűtípust (vagy azok stílusát) szeretne összekapcsolni, egyszerűen adja hozzá őket az előzőhöz:
@font-arc { betűtípus család: "RalewayRegular"; src: url("../fonts/RalewayRegular.ttf" ) formátum( "igazi típus"); betűstílus: normál; betűsúly: normál; } @font-arc{ betűtípus család: "RalewayBold"; src: url("../fonts/RalewayBold.ttf" ) formátum( "igazi típus"); betűstílus: normál; betűsúly: normál; }
Talán észrevette, hogy különböző betűformátumok léteznek - .ttf, .woff, .eot, .svg stb. A modern böngészők számára is létezik egy formátum. woff2, de erről a következő cikkek egyikében fogunk beszélni. Általában minden betűtípus egyszerre 3 formátumban kapcsolódik. Ez azért történik, hogy a betűtípus helyesen jelenjen meg minden böngészőben, beleértve. és a régiek. Ez így néz ki:
@font-arc { betűtípus család: "RalewayRegular"; src: url( "../fonts/RalewayRegular/RalewayRegular.eot") ; src: url( "../fonts/RalewayRegular/RalewayRegular.eot?#iefix") formátum("embedded-opentype"), url( "../fonts/RalewayRegular/RalewayRegular.woff") formátum( "woff"), url( "../fonts/RalewayRegular/RalewayRegular.ttf") formátum( "igazi típus"); betűstílus: normál; betűsúly: normál; }
Itt következik Ügyeljen a csatlakozási sorrendre – ez fontos!
Nem megyünk bele a részletekbe, csak emlékezzünk ennek a kialakításnak a megjelenésére.
Ha csak egy formátumú betűtípusa van, használjon különböző betűtípus-konvertálókat. Íme az egyik közülük.
Betűtípus csatlakoztatása különféle szolgáltatások segítségével
A fonts4web szolgáltatást is használhatja a betűtípusok összekapcsolásához: 
A betűtípusok összekapcsolásának legegyszerűbb módja
Betűtípus csatlakoztatása Moguta CMS-sablonhoz 
Google-betűtípusokkal ellátott hivatkozás hozzáadása a Moguta CMS-sablonhoz
Most már tudja, hogyan kell betűtípust hozzáadni egy webhelyhez CSS és sok más segítségével. Örömmel válaszolunk minden kérdésére Manapság egyre gyakrabban találhatunk olyan webhelyeket, amelyek nem szabványos betűtípusokat használnak. Ez illeszkedik a modern webdizájnhoz, ahol a kreativitás előtérbe helyezi az olvashatóságot. Természetesen nem gyakran fordul elő ilyen kombináció, de előfordul. Az angol forrásokon a nem szabványos betűtípusok meglehetősen népszerűek. Itt például nézd meg az eredetiben, vagyis a szerző anyanyelvén. És látni fogjuk, hogy szinte minden harmadik témában hogyan használnak egyedi betűtípusokat.
A szerzőtől: „E cikk megírása előtt elég sok információt lapozgattam át a „Betűtípusok” témában. És nagyon világosan emlékeztem egy pontra: sokan negatívan beszélnek a nem szabványos betűtípusok összekapcsolásáról. Pontosabban nem ajánlják, azt mondják, hogy baj, nagy terhelés, meg hasonlók.
Valójában egy ilyen kijelentést sok esetben úgy tekintenek, mint egy saját véleményt, vagy akár valaki más véleményét saját magáról közvetítik. Érdemes megjegyezni, hogy minden további kapcsolat megterheli az oldalt, ezt az érvet követve nyugodtan lebonthatja a webhely felét. Ha vannak nyomósabb érvek a betűtípusok elhagyása mellett, akkor igen, kérem... különben... kísérletezni kell.”
Mit jelent az egyéni betűtípus?
Ez egy olyan betűtípus, amely alapértelmezés szerint nem érhető el szoftverben (Windows, Linux stb.). Következésképpen, ha a felhasználó nem rendelkezik a megfelelő betűtípussal a szoftverében, akkor automatikusan a rendszer szabványos betűtípusát fogja használni. Ez sérti a szerző eredeti elképzelését a terv kívánt karakterének közvetítésére vonatkozóan.
Betűtípusok csatlakoztatása a webhelyhez
A betűtípus-kapcsolat a @font-face szabályon keresztül történik a CSS lépcsőzetes táblájában. Ez magában foglalja a betűtípust, a relatív vagy közvetlen elérési utat és a betűtípus jelenlétének ellenőrzését a felhasználói szoftverben. Az egész szerkezet így néz ki:
@font-face ( font-family: namefont;/*typeface*/ src: local("namefont"),/*check*/ url: (font/namefont.ttf);/*elérési út*/ )
Magyarázat: A font-family tulajdonság megadja a betűtípuscsaládot, az src pedig: helyi ellenőrzések az olvasó betűkészlet-telepítését illetően. De annak lehetősége, hogy a betűtípus telepítésre kerül, millióból egyszer fordul elő. Ezért a „check” sor nem annyira kötelező, de az utolsó url „útvonalának” mindenképpen jelen kell lennie (hiszen ez magának a betűtípusnak az elérési útja, amely közvetlenül az oldalra kerül betöltésre).
Böngészők közötti betűtípus-kompatibilitás
A böngésző támogatását meg kell említeni, mivel következetlenségek fordulhatnak elő. Az összes népszerű böngésző, a legújabb verziók tökéletesen működnek a formátumban lévő betűtípusok összekapcsolásával ttf. És ha a későbbi verziókról, különösen az IE-ről, valamint az Apple készülékeiről beszélünk, nehézségek adódhatnak. Ezt a problémát speciális szolgáltatások oldják meg, amelyek lehetővé teszik, hogy minden böngészőhöz külön-külön hozzon létre egy betűtípust.
Véleményem szerint ez feltétlenül szükséges. Elmagyarázom: a 10-es verzió alatti IE már további műveleteket igényel. De felhasználásának aránya nagyon kicsi. Ami az Apple mobileszközöket illeti, minden a minimalizmuson múlik. határozottan gyorsabbnak és egyszerűbbnek kell lennie, mint a normál.
| Formátum | Felfedező | Króm | Firefox | Szafari | Opera | iOS | Android |
|---|---|---|---|---|---|---|---|
| TTF | 9.0+ | 4.0+ | 3.5+ | 3.1+ | 10.0+ | x | 2.2+ |
| OTF | 9.0+ | 4.0+ | 3.5+ | 3.1+ | 10.0+ | x | 2.2+ |
| EOT | 6.0+ | x | x | x | x | x | x |
| WOFF | 9.0+ | 5.0+ | 3.6+ | 5.1+ | 11.1+ | 5 | x |
| WOFF2 | x | 36.0+ | 35.0+ | x | 26.0+ | x | x |
| SVG | x | 4.0+ | x | 3.2+ | 9.0+ | 3.1+ | x |
Betűformátumok
A betűtípusok, mint sok más fájl, eltérő kiterjesztéssel (formátummal) rendelkeznek. Egy rövid áttekintésben megnézzük, melyek azok…
TTF (TrueType Fonts)– az operációs rendszerek legelterjedtebb betűtípusa. A 80-as évek végén fejlesztette ki az egyik forrás szerint az Apple, a másik szerint pedig a Microsofttal közösen. Leggyakrabban ezt a betűtípust használják a weboldalhoz való csatlakozáshoz. Az összes népszerű böngésző támogatásán alapul a legújabb verziókhoz.
OTF (OpenType Fonts)– elődjének (TrueType) módosítása fejlettebb képességekkel. Több karakter és kisebb súly. Hivatalosan 1996-ban mutatta be az Adobe, és a Microsofttal közösen fejlesztették ki.
WOFF (Web Open Font Format)– az első két betűtípus alapján készült némi változtatással.
WOFF 2.0 (Web Open Font Format)– kisebb változások a tömörítésben.
EOT (beágyazott OpenType)– a Microsoft készítette 2007-ben, kizárólag Internet Explorer böngészőkhöz.
SVG betűtípusok– iOS Safari támogatása.
Betűtípus konvertáló szolgáltatás
Ennek ellenére vannak különböző esetek, és ha minden böngészőben és eszközön támogatnia kell a betűtípust, akkor szolgáltatásokat kell igénybe vennie.
1. lépés.
2. lépés.
A szkript bal oldalán válassza ki a cirill ábécét.
3. lépés
Döntse el a betűtípus kiválasztását, és kattintson a „gyors használat” ikonra.
4. lépés
A nyitóoldal lépésekre bontva tartalmazza az információkat:
1. Válasszon ki egy betűstílust (normál, félkövér stb.);
2. Válassza ki a támogatást (latin, cirill stb.);
3. Csatlakozási módok (további részletek alább);
4. Betűtípus integráció.
5. lépés.
Az utolsó lépésben a csatlakozási módokat nézzük meg. Valójában minden nagyon egyszerű. A három módszer mindegyike külön kód, amely a választástól függően a maga módján kapcsolódik.
1. A címkén keresztüli szabványos kapcsolatot általában a címkék közé írják
(WordPress fájl: header.php).2. Importálás lépcsőzetes táblába az @import szabály segítségével (WordPress fájl: style.css).
3. Kapcsolódás JavaScript-en keresztül külön fájlban vagy címkék között is
.Csatlakozás után csak a betűtípust kell megadnia a stílusokban.
Betűcsalád: "Comfortaa", kurzív;
Ez minden! Remélem, talált magának valami hasznosat ebben az anyagban. Ha bármilyen kérdése van, kérjük, tegye fel őket a megjegyzésekben, ne légy szégyenlős).
A legtöbb szövegelem alapértelmezés szerint Times New Roman. A CSS-ben lehetőség van más betűtípusok telepítésére. Olyan betűtípust is beilleszthet a CSS-be, amelyet eredetileg nem biztosítottak a böngészők. Ebben a témában megvizsgáljuk, hogyan kell ezt megtenni.
Betűcsaládok
A betűtípusok családokra vannak osztva. A következő betűtípuscsaládok léteznek:
serif - serif
sans-serif - sans serif
monospace - monospace
cursive - cursive
fantázia - dekoratív
Biztonságos betűtípusok
Elég sok betűtípus létezik. Használatuk nehézsége az, hogy minden operációs rendszernek saját betűkészlete van. Ezenkívül előfordulhat, hogy a különböző böngészők nem jelenítenek meg minden betűtípust. Ha egy szövegelem olyan betűtípusra van beállítva, amely nem érhető el a felhasználó számítógépének operációs rendszerében, akkor a szöveg valamilyen más betűtípussal jelenik meg. Azokat a betűtípusokat, amelyek minden számítógépen és minden böngészőben megjelennek, biztonságos betűtípusoknak nevezzük. Úgy gondolják, hogy nincsenek teljesen biztonságosak. Ennek ellenére a felhasználók túlnyomó többsége számos betűtípussal rendelkezik. Az alábbiak a biztonságos betűtípusok és családjaik.
Times New Roman, serif
Arial, sans-serif
Verdana, sans-serif
Tahoma, serif nélkül
Hatás, nélkülözhetetlen
Trebuchet MS, sans-serif
Futár Új, monospace
Comic Sans MS, kurzív
Más betűtípusokat is találhat, ha bármelyik keresőbe beírja: standard fonts.
A betűtípus beállítása
Egy betűtípus CSS-be való módosításához vagy felvételéhez használja a font-family tulajdonságot. Ennek a tulajdonságnak az értéke a betűtípus neve. Például hozzunk létre egy bekezdést, és állítsuk be a betűtípust:
Stílus:
A font-family tulajdonság lehetővé teszi több betűtípus megadását vesszővel elválasztva. Betűcsaládot is megadhat. Ebben az esetben az elsőként megadott betűtípus kerül felhasználásra. Ha nem ez a helyzet, akkor a következő betűtípus kerül felhasználásra, és így tovább. Alapvetően ezt csinálják valódi oldalakon. Ez azért történik, hogy az oldal a várt módon jelenjen meg.
15 |
div (betűcsalád: Tahoma, Verdana, sans-serif; ) |
Egyéni betűtípus felvétele a CSS-be
A felhasználó operációs rendszerében található betűtípusokon kívül más betűtípusok is használhatók. Megtalálhatja őket az interneten, vagy létrehozhatja őket saját maga. Számos egyedi betűtípus létezik. Megtalálásukhoz betűtípusokat kell írni egy keresőbe. A font fájlt le kell tölteni és csatolni kell az oldalhoz. A választás során figyelembe kell vennie, hogy egyes betűtípusok fizetősek. Az oldalon, ahonnan letölti a betűtípust, erről információnak kell lennie.
Az egyéni betűtípusok használatának nehézsége az, hogy minden böngésző más-más formátumot támogat. Ezért, ha nem szabványos betűtípust használ, ellenőriznie kell, hogyan jelenik meg az oldal a különböző böngészőkben. Nagyon sok betűtípus létezik. A leguniverzálisabb a woff formátum. A legtöbb modern böngészőben működnie kell.
Nem szabványos CSS-betűtípus hozzáadásához használja a @font-face szabályt. Két tulajdonságot kell tartalmaznia: a font-family tulajdonság megadja annak a betűtípusnak a nevét, amellyel a betűtípust használni fogják a webhelyen. A nevet maga választja ki. Az src tulajdonság pedig a nem szabványos fontfájl elérési útját adja meg. Ezt követően a betűtípus bármely választóhoz használható. A font-family tulajdonságban meg kell adni a betűtípushoz választott nevet.
Például egy unineue.woff nevű fontfájlt használok. Ugyanabban a mappában található, mint az oldal. A betűtípust Nfontnak hívom.
Sok komoly és érdekes elrendezést készítő tervezőnek rengeteg egyedi és gyönyörű betűtípus áll rendelkezésére. Az ilyen betűtípusoknak köszönhetően a dizájn megkapja a lelkesedést és az exkluzivitást. A nem szabványos betűtípusok azonban csak azon a számítógépen jelennek meg, amelyre már telepítve vannak, így a megfelelő működés érdekében a tervezőnek biztosítania kell az összes betűtípust, amelyet az elrendezésében használ. Mert az elrendezés kialakításakor ezeket a betűtípusokat telepítenie kell a számítógépére. A webhely felhasználója azonban nem tölti le az összes betűtípust, és nem telepíti őket a számítógépére, ezért a böngészőt magának kell előállítania a szükséges betűtípusokat. A szabály itt segít, van lehetőség Cufon használatára vagy betűtípusok betöltésére a Google Webfonts vagy Fontsquirrel szolgáltatásból, de előfordulhat, hogy a Google Webfonts és Fontsquirrel nem rendelkezik betűtípussal, ezért nézzük meg a legjobb megoldást - egyedi betűtípusok összekapcsolását a @font-face használatával.
A betűtípus csatlakoztatásának legegyszerűbb módja, ha beírja a stíluslapba:
@font-face ( font-family: "PF Din CompPro"; src: url("fonts/pfdintextcomppro-medium-webfont.ttf"); ) body( font-family: "PF Din CompPro", Arial, sans-serif ;)
Itt a "PF Din CompPro" a betűtípus neve, majd megadhatja ezt a betűtípust a webhely szükséges elemeihez, a fonts/pfdintextcomppro-medium-webfont.ttf pedig a betűtípusok elérési útja, amely a betűtípusokban található mappát, fontos, hogy a névben ne legyenek szóközök a betűtípusfájlban, jobb, ha ezeket kötőjellel helyettesítjük.
Ez a legegyszerűbb módja, de nem működik minden böngészőben, és ez nagy probléma.
Minden böngésző támogatja a saját betűtípusait:
TrueType Betűtípusok Firefox 3.5+, Opera 10+, Safari 3.1+, Chrome 4.0.249.4+
EOT betűtípusok az Internet Explorer 4+
WOFF betűtípusok Firefox 3.6+, Internet Explorer 9+, Chrome 5+
SVG betűtípusok iPadre és iPhone-ra
Ezért az egyik .ttf formátumú betűtípusból több azonos betűtípust kell készítenie, csak más formátumban. Ebben segíthet a fontsquirrel.com betűtípusgenerátora. Ezen az oldalon töltse le a betűtípust, válassza ki az Optimális beállításokat, jelölje be a letöltött betűtípus jogszerűségét megerősítő jelölőnégyzetet (egyes betűtípusok sok pénzbe kerülnek, és engedélyt kell kapnia a használatukra), majd kattintson a „készlet letöltése” gombra. és megkapja a kívánt archívumot a betűtípus összes formátumával.
Az archívumból töltsd le a betűtípusaid összes formátumát, ez elméletileg 4 db .eot, .svg, .ttf és .woff kiterjesztésű fájl, ezeket másold be a weboldalad fonts mappájába, az archívum tartalmazza majd a stylesheet.css fájl - tartalmazza a betűtípusok összekapcsolásának minden szabálya le lesz írva, nyugodtan másolhatod őket a stíluslapodba, csak ne felejtsd el megadni a betűtípusfájlok elérési útját, például a fonts mappába . Példa arra, ami az egyik webhelyemen történt:
@font-face ( font-family: "PF Din CompPro"; src: url("fonts/pfdintextcomppro-medium-webfont.eot"); src: url("fonts/pfdintextcomppro-medium-webfont.eot?#iefix" ) formátum("embedded-opentype"), url("fonts/pfdintextcomppro-medium-webfont.woff") format("woff"), url("fonts/pfdintextcomppro-medium-webfont.ttf") formátum("truetype" ), url("fonts/pfdintextcomppro-medium-webfont.svg#pf_din_text_comp_promedium") format("svg" font-style: normál ) body( font-family: "PF Din CompPro"); Arial, Tahoma, Verdana, sans-serif)
Ezekkel a paraméterekkel a betűtípusok bármelyik böngészőben megjelennek, beleértve mindenki kedvenc IE-7-8-9-ét is.
Ha nem szabványos betűtípusokat használ a cirill ábécéhez, azaz az orosz karakterekhez, és a betűtípus nem jelenik meg megfelelően az oldalon, akkor a speciális beállításokkal rendelkező betűtípus generálása segíthet, töltse le a http://www.fontsquirrel.com oldalt. /tools/webfont-generator a betűtípusát, és válassza ki a „Szakértő” beállításokat. Nagyon sok beállítás van ott, nem tudok mindent, de olvassa el figyelmesen és válassza ki a szükségeseket, és a cirill ábécé támogatásához válassza ki az Alkészlet blokkban: Custom Subsetting... szekciót és jelölje be a cirill jelölőnégyzetet, és ellenőrizze a szükséges nyelveket és formátumokat is.
Íme egy példa arra, amit kaptam: 
A következő projektben ismét nem szabványos betűtípussal látok címsorokat és menüket. Készítsd el képekkel? Szívás: esetlen, rugalmatlan, lassú. Vaku? Nem bírom őt. Javascript? Egyelőre persze a legjobb megoldás, de ez még mindig a böngészők korlátaira emlékeztető mankó. Ideje ásni a szabványokat: mit kínálnak és hol működik már.
A jegyzet
Ezzel szemben az egyéni betűtípus olyan betűtípus, amely valószínűleg hiányzik a webhely látogatói közül.
Feladat
Valósítson meg egyéni betűtípust képek, JavaScript és flash használata nélkül. Csak a legújabb fejlesztéseket használjuk a .
Megoldás
De az IE esetében ez nem ilyen egyszerű. Bár ez volt az első, amely támogatta a harmadik féltől származó betűtípusok megvalósítását (1997 óta az Internet Explorer 4. verziójával!!!), ehhez speciális formátumra van szükség a betűtípushoz - EOT (Embedded OpenType). Az EOT formátum egyszerre két problémát old meg:
- tömöríti a font fájlt, így a súlya többszörösére csökken (a kollégák tesztjei alapján ez a módszer jobban tömörít, mint a RAR, ZIP és gzip módszerek)
- titkosítja a fájlt: az információ beíródik a fontfájlba, ahol használni kell. Ez a betűtípus nem fog működni ezen a címen kívül.
Ennek eredményeként a betűtípus stílusokban történő összekapcsolása így fog kinézni:
/* csak Internet Explorer esetén */ @font-face ( font-family: Scriptorama; src: local("Scriptorama"), url(path-to/Scriptorama.eot); ) /* tovább minden más böngészőhöz */ @ font-face ( font-family: Scriptorama; src: local("Scriptorama"), url(útvonala/Scriptorama.ttf); ) [...] h1 ( font-family: Scriptorama, arial; font-weight: Normál;
Feltörés helyett használhatja a .
frissítés 23.08.11 Egy teljesebb betűtípus-beágyazási szintaxis, amely figyelembe veszi néhány lehetséges IE-hibát és nagyobb böngészőtámogatást:
@font-face ( font-family: "JournalRegular"; src: url("journal-webfont.eot"); src: url("journal-webfont.eot?#iefix") format ("embedded-opentype"), url("journal-webfont.woff") format("woff"), url("journal-webfont.ttf") format("truetype"), url("journal-webfont.svg#JournalRegular") format("svg" "); betűsúly: normál; betűstílus: normál; )
A jegyzet
frissítés 10.11.10 Előfordulhat, hogy IE-ben a helyi nem működik. Sőt, emiatt előfordulhat, hogy a betűtípus egyáltalán nem csatlakozik. Projektjeink során erre a pontra figyelünk: ha nem működik, egyszerűen eltávolítjuk az IE local számára.
Előnyök:
- rugalmasság - a webhely tulajdonosa tetszés szerint módosíthatja a szövegeket;
- gyors betöltési sebesség - minimális számú külső fájl tetszőleges mennyiségű szöveggel, nem szabványos betűtípussal;
- a webhely maximális sebessége - nulla további elem a DOM-struktúrában, nulla szkript és flash objektum, amely lassítja a webhelyet;
- a szöveg szövegként viselkedik (végül is szöveg marad), i.e. kiemelkedik, reagál a színváltozásokra, merészségre, stílusra stb., ideális SEO;
- Meglehetősen egyszerű megvalósítás, még a betűtípus-optimalizálást is figyelembe véve.
Hibák:
Betűtípus tömörítés és konvertálás
Ha a betűtípus-fejlesztők igyekeztek mindenkinek tetszeni, akkor a betűtípus valószínűleg sok-sok karaktert tartalmaz, és ennek megfelelően sok-sok súlyú. Tehát az Arial Unicode MS font 51 ezer karaktert tartalmaz és több mint 23 megabájtot nyom! Ideje elgondolkodni azon, hogy az oldal udmurt vagy finnugor nyelveket használ majd? És különféle kiegészítő szimbólumok, írásjelek és számok? Arra is figyelni kell, hogy minden betűtípusnak bizonyos számú stílusa van: normál, dőlt, félkövér, félkövér. Egy betűtípus legfeljebb 9 félkövér betűtípust tartalmazhat (ne felejtse el az elfogadható értékeket).
Mit kell tenni
A betűtípusból kizárunk mindent, ami a feladat eléréséhez nem szükséges. Például, ha a betűtípust csak a menühöz használják, akkor az írásjelek, a különféle kiegészítő szimbólumok és a számok feleslegesek lesznek.
Hogyan kell csinálni
A következők segíthetnek ebben:
Online szolgáltatás @font-face Generator
Mi lehet:
- két üzemmód: Easy - azok számára, akik nem akarnak elmélyülni, és Expert - a maximális optimalizálás érdekében
- különböző formátumú eredményeket, és ez egy helyen! Azok. nem kell először tömöríteni a True Type-t az összes böngészőhöz, majd külön konvertálni EOT-ra IE-hez
- különböző lehetőségek az eredmények eléréséhez. Egészen addig, amíg megvédi a betűtípust a helyi használattól és a Cufon fájlt!
- a karakterek pontos kiválasztása tömörített betűtípushoz. Megadhatja a nyelvet és további karakterkészletet, vagy megadhatja a használt karakterek tartományát, vagy egyszerűen felsorolhatja a szükséges karaktereket, vagy használhatja az összes módszer szimbiózisát
- a CSS-ben gyengék számára még stílusszabályok is kialakulnak
A kísérlethez egy 145 Kb-os fontot tömörítettem a „Use for menu” tesztfeladattal. Csak kis orosz betűket hagytam. A végső betűméret 8 Kb volt. Elképesztő!
Hibák:
- Az EOT anélkül jön létre, hogy egy adott domainhez lenne kötve (komoly projektek esetén továbbra is külön kell elvégeznie az EOT-t)
- nem minden engedélyezett betűtípust lehet feldolgozni (ez viszonylagos hátrány)
Benyomás- fantasztikus, kiváló, szuper-duper, csodálatos!!! Szerzek magamnak egy PayPal-t, hogy adományozhassak.
Webes betűtípus-optimalizáló
Egy online szolgáltatás, amely lehetővé teszi, hogy csak a szükséges karaktereket hagyja meg. Működik .
Előnyök: egyszerű és világos. Az eredmény egy True Type tömörített betűtípus, egy EOT betűtípus az IE-hez és egy CSS-kód a csatlakozáshoz.
Hátránya: a szolgáltatás csak a webhelyükön található, szigorúan rögzített betűtípuslistához érhető el.
VESZTÉK
Szoftver a Microsofttól. Segít átalakítani a betűtípust EOT-vé. A Plus lehetetlenné teszi a betűtípus használatát a megadott webhelyen kívül. Letölthető és részletesebben is megismerkedhet a forgatókönyvnek szentelt oldalon.
TTF2EOT
A névből egyértelműen kiderül, hogy egy betűtípust TTF-ről EOT-ra konvertál. Helyben működik a parancssoron keresztül, ami önmagában nem kényelmes. A forgatókönyvet letöltheti, és többet olvashat róla a projekt honlapján.
Online Font Converter
Könnyen használható, lehetővé teszi a licencelt betűtípusok konvertálását. Elérhető.
Hátrányok: regisztráció szükséges.
Mi a helyzet a fontvédelemmel?
Ha a betűtípus jó minőségű, akkor azt magas szakemberek, gyakran egy profi csapat fejlesztik, gyakran több mint egy hónapra. Egy ilyen betűtípus nem kevesebbe kerülhet, mint a „Zhiguli” a futószalagról. A betűtípus-fejlesztők elkezdték védjegyként bejegyeztetni őket, ezzel biztosítva a szerzői jog tulajdonosának a betűtípushoz fűződő jogait az iparjogvédelmi szinten.
Azok. Ahhoz, hogy egy betűtípust használhasson az interneten, a webhely tulajdonosának meg kell vásárolnia a betűtípust az interneten való használat jogával. De az beszerzés a probléma fele. A betűtípust is meg kell védeni az illegális másolástól. Szinte nincs ilyen probléma, ha az oldalon található licencelt betűtípus képekkel vagy Javascript használatával van megvalósítva. De ha a @font-face-en keresztül valósítja meg, a betűtípus nyíltan található a szerveren, amelyet bármely felhasználó letölthet. Ez pedig már perekkel fenyeget.
A jegyzet
Kis oldalak millióinál a betűtípusok illegális használata következmények nélkül elmúlik és elmúlik, de a menő, kereskedelmi, különösen nemzetközi projekteknek komolyan el kell gondolkodniuk a licencvásárláson.
Hogyan lehet megvédeni egy betűtípust?
Az IE esetében ez a probléma azonnal megoldódott - az EOT formátum titkosítja a fájlt. Ennek eredményeként van egy betűtípusunk, amely csak ezen az oldalon fog működni.
