CSS-lettertipes Beste 5 Web Veilige Fonts om met CSS te gebruik

Nadat u lettertipes in verskillende bedryfstelsels en algemene sagtewarepakkette vergelyk het, word u met baie klein deel van lettertipes gelaat, waarna verwys word as web veilige lettertipes. Dit is lettertipes wat jy redelik seker kan wees, is op alle rekenaars ge¯nstalleer.

Web Safe fonts

Elkeen van hierdie fontdienste werk bietjie anders. Met Google-fonts kan jy enkele lettertipe byvoeg as jy wil, of versameling lettertipes bou en al die lettertipes invoer deur enkele skakelelement te gebruik. Edge fonts moet een op slag bygevoeg word met nuwe skrif element vir elke letter wat u op u webwerf wil gebruik. TypeKit-lettertipes kan slegs bygevoeg word deur fontkit by die TypeKit-webwerf te bou, wat soortgelyk is aan Google-fonts-versameling. Die hele font kit word dan gelyktydig by u webwerf gevoeg. In die voorbeeld hierbo, die lªernaam font_kit. S sou eintlik unieke reeks getalle wees en briewe wat outomaties deur TypeKit gegenereer word om die fontkit wat jy geskep het, te identifiseer. In die praktyk sal u nie alle drie van hierdie dienste op dieselfde tyd gebruik nie. Dit is die algemeenste vir webwerwe om al hul lettertipes van enkele bron te kry of om die lettertipes wat deur hul webwerf gebruik word, te bied.

ikoon fonts

ikone word omvattend op die web gebruik. Terwyl sommige ikone beeldlªers is, is die mees buigsame manier om met ikone te werk, ikoon-font soos font awesome gebruik. In die verlede was die gebruik van ikoon-fonts bietjie ingewikkeld en vereis dat die ikoon lettertipes self aangebied word. Dankie aan CDN-hosting wat deur Maxcdn en Bootstrap geborg is, kan enigiemand die font awesome ikone op hul webwerf byvoeg sonder om die fontlªers op hul eie bediener te host. Volledige instruksies vir die aanvang is beskikbaar by font awesome se github repository. Dit is egter regtig so maklik om hierdie twee stappe te neem:

Wat maak ikoon lettertipes soveel beter om te werk as hul beeld-ikoon-eweknie« is dat hulle met al dieselfde CSS-eienskappe gestil kan word wat gebruik word om fonts te styl. Byvoorbeeld, as ons die ikoongrootte wil verhoog, voeg ronde agtergrondkleur by, verander die ikoonkleur, en voeg paar bykomende vulling by die ikoon wat ons kan doen met paar redelik eenvoudige CSS.

deel: web tipografie

Web veilige lettertipes is lettertipes wat vooraf ge¯nstalleer is deur baie bedryfstelsels. Terwyl nie alle stelsels dieselfde fonts ge¯nstalleer het nie, kan u web veilige fontstapel gebruik om verskeie lettertipes op te los wat soortgelyk lyk, asook op verskillende stelsels wat u wil ondersteun, ge¯nstalleer word. Of jy wil hª dat eienaarskapsfonts anders as een wat vooraf ge¯nstalleer is, soos van CSS3, kan jy webfonts gebruik.

Hoekom maak 'web veilig' saak?

Dit is een van die nabye wyd gebruikte sans-serif-lettertipes (wat beteken dat geen klein krulle aan die einde van gebruik word om elke een van twee of meer mense of dinge te raadpleeg nie). Dit word dikwels vervang op Windows-toestelle vir ander interessante (lees: mooier) lettertipe.

helvetica

Die font-familie-eiendom moet verskeie fontname as "terugval" -stelsel hou om maksimum verenigbaarheid tussen blaaiers / bedryfstelsels te verseker. As die blaaier nie die eerste lettertipe ondersteun nie, probeer dit die volgende lettertipe.

  • artikels
  • Hoe om
  • Gratis temas
  • Aktiwiteite
  • Freelancing
  • < Li> Grafiese ontwerp
  • ikone
  • Illustrator
  • Inspirasie
  • Logos
  • Fotografie
  • Photoshop
  • tipografie
  • Wallpaper
  • Nog meer.

Programmere

Font-familie-eiendom is verskeidenheid lettertame as "stam" -stelsel om maksimum verenigbaarheid tussen die blaaier / bedryfstelsel te verseker. As u blaaier nie die eerste lettertipe ondersteun nie, probeer dit die volgende lettertipe.

Serif fonts

Wat is die Heck, reg? Hoekom vertel ek dit nie net watter font ek wil gebruik nie en dit is dit? Die hele idee hier is terugval. Die blaaier sal probeer om die lettertipe wat u eerste (lato in hierdie geval gespesifiseer het, te gebruik, maar as dit nie die beskikbare lettertipe het nie, sal dit die lys afloop. So om hier te wees, wat die re«l sª is:

So in watter situasie sal blaaier nie die lettertipe hª waarvoor jy vra nie? Dit is redelik algemeen. Daar is slegs handjievol lettertipes wat as "web veilig" beskou word - dat dit waarskynlik die meeste rekenaars wat jou webwerf besoek, die font ge¯nstalleer het en dus kan die blaaier dit gebruik. Dink: Arial, Times New Roman, Courier, Georgia, Verdana, en handjievol ander.

Maar die meeste webwerwe, gebruik deesdae persoonlike webfonts. Hulle laai lettertipe as hulpbron op (net soos webwerf laai CSS self as hulpbron of beeld of javascript), dan is die lettertipe beskikbaar om te gebruik. Die algemeen gewilde Google-fonts maak dit redelik duidelik:

Selfs wanneer jy op hierdie manier lettertipe laai, is dit steeds moontlik dat die skrif nie laai nie. Terwyl Google algemeen baie betroubare gasheer is, beheer jy nie hul bedieners nie; hulle doen. Nog meer algemeen kan swak netwerkverbindings skrif van laai voorkom. In enige font laai mislukking scenario, is dit ander situasie waar terugval font stapel handig is.

geen

geen

geen
Ons gebruik koekies
Ons gebruik koekies om te verseker dat ons u die beste ervaring op ons webwerf gee. Deur die webwerf te gebruik, stem jy in tot ons gebruik van koekies.
Laat koekies toe