Harmadik féltől származó betűtípusok összekapcsolása a webhely helyével, a webhely tervezésével és fejlesztésével
Jó idő 🙂
Ma úgy döntöttem, hogy elmondom neked egy kicsi, jól, nagyon hasznos valamilyen funkcióért. Ha van internetes oldala, akkor valószínűleg arra gondolt, hogy a felhasználó szemében jobban élvezheti. A megjelenést befolyásoló számos fontos tényező egyike a betűtípus. Gyakran használják a szabványos betűtípusokat, amelyeket a böngészők támogatnak, de néha ki szeretnék emelni a webhelyemet, ezért szükség van harmadik féltől származó betűtípusok összekapcsolására.
Szóval van egy weboldala, és megkérdezte magától, hogyan kell hozzá csatlakoztatni a betűtípusokat. By the way, ha érdekel a domain regisztrálásának kérdése, és komolyan gondolkodsz egy weboldal megszerzésével kapcsolatban, akkor úgy gondolom, érdekelni fogja a cikk "Regisztráció regisztrálása" című cikket. Szóval, mi kell a kapcsolat létrehozása?
1. Keresse meg a betűtípust
2. A betűformátum
Leggyakrabban a betűtípusok TTF formátumban vannak. Ez a formátum az operációs rendszer ablakait használja. Az első böngésző, aki megérti a Firefoxot. De ahhoz, hogy minden böngésző helyesen jelenjen meg, a betűtípusnak több kiterjesztésűnek kell lennie. Megtudhatja, hogy milyen bõvítéseket támogatnak a különbözõ böngészõk.
3. A betűtípus csatlakoztatása
A betűtípust kétféleképpen csatlakoztathatja.
Vegyük tehát az első módszert. Meg kell keresni a különböző kiterjesztésekkel ellátott betűtípusokat. Ha tetszik a betűtípus, és csak TTF formátumban megy, akkor használhatja a szolgáltatást a betűkészletek létrehozásához.
Először hozzon létre egy mappát a webhelyen - a webhely, sablon vagy csak a gyökér témájában. Nevezzük például betűtípust. Itt más betűs fájlokat kell elhelyezni a fentiek szerint. Például a helioscond-webfont betűtípust használjuk. A mappában három fájlnak kell lennie.
- helioscond-webfont.eot
- helioscond-webfont.ttf
- helioscond-webfont.woff
Így a betűtípus csatlakoztatásához meg kell adnia a kódsorokat a stílusfájlba. gyakran ez egy style.css fájl. Ha van egy másik, akkor be. A csúcson tegye a következőket
Ha a kész archiválat az összes formátumot letölti, vagy használja a generátort, amely ugyanazt az archívumot adja ki, akkor bent van egy stílusban tárolt fájl, ha nem? használja a példában leírtakat, megváltoztatja a neveket és az elérési utat.
A második sorban állítsa be a betűtípus nevét, majd ha bármelyik osztályhoz vagy idhez megadja a stílust a betűtípus használatával, egyszerűen írja le ezt a sort a betűtípus nevével.
például:
Ezután minden egyes fájlhoz kapcsolódik egy másik kiterjesztés, így minden böngésző megérteni tudja, mit akar, úgymond, a böngésző kompatibilitását állítjuk be.
Végül adja meg a betűtípus stílusát. Ebben az esetben ez normális. Vannak is - merész és könnyű vagy szabályos. Ha mindenkinél több vagy több van, akkor mindenki számára ismételten előírják. Figyeljen az útra is. A mappa betűtípus ugyanabban a könyvtárban található, mint a stíluslap, tehát a stíluspályán
Ha másik elérési útja van, akkor helyesen határozza meg.
Így a webhelyén lévő betűtípus csatlakozik.
A második módja az, hogy a betűtípust harmadik féltől származó szolgáltatással kapcsolja össze. Például válassza ki a google betűtípusokat, amelyek itt találhatók - google.com/webfonts
Kapcsolódás egy harmadik féltől származó szolgáltatáshoz, amely háromféle módon is megvalósul.
Először a link fejlécén keresztül a link elemet a zárófej címke előtt. A vonal nagyjából a következő formában lesz.
A második lehetőség az @ importálás szabályán keresztül történik. Ezt a sort a CSS-fájlba illesztjük a legmagasabb szinten.
Egy osztály vagy idi stílusban megadja a - font-family: 'Cuprum', sans-serif; Példánkban ez a font Cuprum.
A betűkészletek harmadik féltől származó szolgáltatáson keresztüli csatlakoztatásának módja előnyös
Most már tudod, hogyan kell egy harmadik féltől származó betűtípust összekötni a webhelyével. Milyen módon döntesz.
Ez minden. Köszönöm a figyelmet
Ha tudná használni a munkámat, támogathatja az oldalt :)
Helló kedves barátom
Van AdBlock kiterjesztése vagy hasonló. Adja hozzá webhelyemet a fehér listához, és ezzel hozzájáruljon annak fejlesztéséhez. Az AdBlock letiltásának utasításai ugyanazt az ablakot szeretném