A betűtípus-család tulajdonságának szintaxisa
A tipográfiai tervezés a sikeres weboldal tervezésének kritikus fontosságú része. Olyan webhelyek létrehozása, amelyek könnyen olvashatók, és amelyek jól néz ki , minden webes professzionális cél. Ennek eléréséhez meg kell tudnia állítani a weboldalakon használni kívánt betűtípusokat. A webes dokumentumok betűkészlet vagy betűtípus családjának megadása esetén a CSS-ben a font-family style tulajdonságot fogja használni.
A legegyszerűbb betűtípus-családi stílus, amelyet használni tudna, csak egy betűtípus családot tartalmazna:
p {font-family: Arial; }Ha ezt a stílust alkalmazta egy oldalra, az összes bekezdés megjelenik az "Arial" betűtípuscsaládban. Ez nagyszerű, és mivel az "Arial" az úgynevezett "webes biztonságos betűtípus", ami azt jelenti, hogy a legtöbb (ha nem minden) számítógép telepítette volna, könnyen nyugodtan tudhatjuk, hogy az oldal megjelenik a tervezett betűtípusban .
Tehát mi történik, ha a kiválasztott betűtípus nem található? Például, ha nem használ weboldalon "webes biztonságos betűtípust", akkor mit csinál a felhasználói ügynök, ha nincs ilyen betűtípus? Cserélnek.
Ez néhány nagyon vicces oldalhoz vezethet. Egyszer olyan oldalra mentem, ahol a számítógépem teljesen megjelenik a "Wingdings" (egy ikonkészletben), mert a számítógépemnek nem volt olyan betűtípusa, amelyet a fejlesztő megadott, és a böngészőem nagyon rossz választást adott a betűtípusra csere helyett. Az oldal teljesen olvashatatlan számomra! Ez az a pont, ahol egy betűtípus köt össze.
Több betűs családot különíthet el egy vesszővel a betűtípusokba
A "betűkészlet" olyan betűkészletek listája, amelyeket az oldal használni szeretne. A betűtípusokat a kívánt sorrendben állíthatja be, és elválaszthatja őket vesszővel. Ha a böngésző nem rendelkezik az első betűtípuscsaláddal a listán, megpróbálja a második, majd a harmadik, és így tovább, amíg meg nem találja azt a rendszeren.
betűtípus-család: Pussycat, Algerian, Broadway;A fenti példában a böngésző először keresni fogja a "Pussycat" betűtípust, majd az "algériai", majd a "Broadway" -t, ha egyik más betűtípus sem található. Ez több lehetőséget ad arra, hogy legalább egy kiválasztott betűtípust használjon. Nem tökéletes, ezért még többet tudunk hozzáadni a betűkészletünkhöz (olvasd el!).
Az Általános betűtípusok utolsó használata
Így létre lehet hozni egy betűkészletet a betűtípusok listájával, és a böngészőben még mindig nem találhatók. Nyilvánvalóan nem szeretné, hogy az oldala olvasható legyen, ha a böngésző rossz helyettesítő választást tesz lehetővé. Szerencsére a CSS is megoldást talál erre: általános betűtípusok .
Mindig ki kell fejeznie a betűtípuslistát (még akkor is, ha ez egy család vagy csak webes biztonságos betűtípusok listája) általános betűtípussal. Öt olyan, amit használhat:
- kurzív
- fantázia
- monospace
- talpatlan
- betűtalp
A fenti két példa megváltoztatható:
betűtípus-család: Arial, sans-serif; betűtípus-család: Pussycat, algériai, Broadway, fantasy;Néhány betűtípus családnév két vagy több szó
Ha a használni kívánt betűkészlet-család több mint egy szó, akkor kettős idézőjelekkel kell körülölelnie. Bár egyes böngészők az idézőjelek nélkül olvashatják a betűtípusokat, problémák merülhetnek fel, ha a sáv kondenzálódik vagy figyelmen kívül hagyja.
betűtípus: "Times New Roman", serif;Ebben a példában láthatjuk, hogy a "Times New Roman" betűtípus neve, amely többszavas, idézőjelekkel van ellátva. Ez azt mondja a böngészőnek, hogy mind a három szó a betűtípus nevében szerepel, ellentétben a három különböző betűtípussal, amelyek mindegyike egyszót nevekkel rendelkezik.
Jennifer Krynin eredeti cikke. Szerkesztette: Jeremy Girard 12/2/16