Fonts CSS Millors 5 tipus de lletra segura web per utilitzar amb CSS

Desprs de comparar els tipus de lletra entre els diferents sistemes operatius i paquets de programari comuns, que es queda amb un subconjunt molt petit de tipografies, denominats tipus de lletra segura web. S³n tipogr fics que podeu estar segur que s'instal·len a tots els ordinadors.

Fonts segures web

Com aconseguir la seva carrera professional en disseny web al món virtual?

Cada un d'aquests serveis de font funciona una mica diferent. Amb Google Fonts, podeu afegir una font ºnica si voleu o construir una col·lecci³ de fonts i importar totes les fonts mitjan§ant un sol element d'enlla§. Les fonts de vora s'han d'afegir un a la vegada amb un element d'escriptura nou per a cada font que vulgueu utilitzar al vostre lloc web. TypeKit Fonts noms es pot afegir mitjan§ant la construcci³ d'un kit de fonts al lloc web de Typekit, que s similar a una col·lecci³ de fonts de Google. El kit de font sencer s'afegeix al vostre lloc web alhora. A l'exemple anterior, el nom del fitxer Font_kit. s realment seria una s¨rie ºnica de nºmeros i lletres generades autom ticament per TypeKit per identificar el kit de font que heu creat. A la pr ctica, no utilitzar­eu els tres serveis al mateix temps. ‰s ms freqent que els llocs web obtenin tots els seus tipus de lletra d'una sola font o per autotgerporant les fonts utilitzades pel seu lloc web.

icona Fonts

Les icones s'utilitzen  mpliament a la web. Tot i que algunes icones s³n fitxers d'imatge, la manera ms flexible de treballar amb les icones s utilitzar una font d'icona com Font incre¯ble. En el passat, l'ºs de fonts d'icones era una mica complicat i es necessitava que els fitxers de fonts d'icones siguin auto-allotjades. Tanmateix, gr cies a l'allotjament de CDN patrocinat per Maxcdn i Bootstrap, qualsevol persona pot afegir Font Icones incre¯bles al seu lloc web sense haver d'acollir els fitxers de font al seu propi servidor. Les instruccions completes per comen§ar estan disponibles al dip²sit de Github de Font Awesome. No obstant aix², s realment tan f cil com prendre aquests dos passos:

Qu¨ fa que la icona fonts sigui molt millor que treballar que les seves contraparts de la icona de la seva imatge s que es poden dissenyar amb totes les mateixes propietats CSS que s'utilitzen per estil fonts. Per exemple, si volem augmentar la mida de la icona, afegir un color de fons rod³, canviar el color de la icona i afegir un farciment addicional al voltant de la icona que podem fer amb algun CSS bastant senzill.

Part: tipografia web

Les fonts segures web s³n fonts que s³n preinstal·lades per molts sistemes operatius. Tot i que no tots els sistemes llancen les mateixes fonts instal·lades, podeu utilitzar una pila de fonts segures web per resoldre diversos tipus de lletra que semblen similars, aix­ com s'instal·len en diversos sistemes que vulgueu donar suport. Ja sigui que vulgueu la propietat de fonts diferents de les preinstal·lades, a partir de CSS3, podeu utilitzar fonts web.

Per qu¨ importa 'Web segura'?

‰s un dels tipus de lletra sans-serif de Sans-Sans ms propers (que significa que no hi ha petits r­nxols al final de consultar a cadascuna de les dues o ms persones o lletres). Sovint es substitueix en dispositius Windows per a altres opcions de tipus de lletra interessants (llegir: ms belles).

helvetica

La propietat Font-Family ha de contenir diversos noms de fonts com a sistema de "fulles", per garantir la m xima compatibilitat entre els navegadors / sistemes operatius. Si el navegador no admet el primer tipus de lletra, intenta el segent tipus de lletra.

  • Articles
  • Com
  • temes gratu¯ts
  • esdeveniments
  • freelance
  • Li> Disseny gr fic
  • icones
  • il·lustrador
  • inspiraci³
  • logos
  • fotografia
  • Photoshop
  • tipografia
  • fons de pantalla
  • encara ms.

Programaci³

La propietat Font-Family s una varietat de noms de fonts com a sistema de "strain" per tal d'assegurar la m xima compatibilitat entre el navegador / sistema operatiu. Si el vostre navegador no admet el primer tipus de lletra, intenta el segent tipus de lletra.

SERIF FONTS

Qu¨ s el dia? Per qu¨ no ho dic qu¨ s el tipus de lletra que vull utilitzar i aix² s aix²? Tota la idea aqu­ s enrere. El navegador intentar  utilitzar la font que heu especificat primer (Lato, en aquest cas), per² si no t aquesta font disponible, seguir  baixant aquesta llista. Aix­ que s realment detallat aqu­, qu¨ diu aquesta regla s:

Aix­, en quina situaci³ no t un navegador que no tingueu la font? Aix² s bastant comº. Noms hi ha un grapat de tipus de lletra que es consideren "Web Safe" -Meaning que s probable que la majoria de les computadores que visitin el vostre lloc disposin d'aquesta font instal·lada i, per tant, el navegador el pugui utilitzar. Penseu: Arial, Times New Roman, Courier, Ge²rgia, Verdana i un grapat d'altres.

Per² la majoria de llocs web, en aquests dies, utilitzeu fonts web personalitzades. Carreguen un tipus de lletra com a recurs (de la mateixa manera que un lloc web es carrega a si mateix com a recurs, o una imatge, o JavaScript), llavors aquesta font est  disponible per utilitzar-la. La  mpliament popular de Google Fonts fa que sigui bastant clar:

Fins i tot quan carregueu una font d'aquesta manera, encara s possible que la font no es carregui. Mentre que Google s un amfitri³ generalment molt fiable, no controleu els seus servidors; ells fan. Encara ms comunament, les connexions de xarxa pobres poden evitar que es carregui un tipus de lletra. En qualsevol escenari de fallada de c rrega de font, que s una altra situaci³ en qu¨ una pila de Font de fallada s ºtil.

res

res

res
Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies