CSS FONTS Best 5 Web Safes Fonts para usar con CSS

Despois de comparar tipos de letra a travs de diferentes sistemas operativos e paquetes de software comºn, queda cun subconxunto moi pequeno de tipograf­as, referido como fontes de seguridade web. Estes son os tipos de letra que pode ser razoablemente seguro que est¡n instalados en todas as computadoras.

Fontas de seguridade web

Cada un destes servizos de fonte funciona un pouco diferente. Con fontes de Google, pode engadir unha ºnica fonte se lle gusta ou constru­r unha colecci³n de fontes e importar todas as fontes usando un ºnico elemento de ligaz³n. As fontes de bordo deben ser engadidas unha de cada vez cun novo elemento de script para cada fonte que queira usar no seu sitio web. As fontes de tipoKit s³ se poden engadir mediante a construci³n dun kit de fonte no sitio web de tipoKit, que similar a unha colecci³n de Google Fonts. Todo o kit de fontes eng¡dese ao seu sitio web ¡ vez. No exemplo anterior, o nome do ficheiro FONT_KIT. S ser­a realmente unha serie ºnica de nºmeros e letras xeradas automaticamente por tipoKit para identificar o kit de fonte que creou. Na pr¡ctica, non usar­a os tres destes servizos ao mesmo tempo. ‰ m¡is comºn que os sitios web obte±an todas as sºas fontes desde unha ºnica fonte ou a autoestima as fontes utilizadas polo seu sitio web.

fontes de icona

iconas ºsanse extensivamente na web. A­nda que algunhas iconas son ficheiros de imaxe, a forma m¡is flexible de traballar con iconas usar unha fonte de icona como a fenda incrible. No pasado, o uso de fontes de icona era un pouco complicado e requir­a que os ficheiros de letra de icona sexan autosuficiente. Non obstante, grazas a CDN Hosting Patrocinado por MAXCDN e Bootstrap, calquera pode engadir iconas Awesome ao seu sitio web sen ter que albergar os ficheiros de letra no seu propio servidor. As instruci³ns completas para comezar comezan est¡n dispo±ibles no repositorio GitHub de Fonte Awesome. Non obstante, realmente tan sinxelo coma levar estes dous pasos:

O que fai que as fontes de iconas sexan moito mellores para traballar que as sºas contrapartes de iconas de imaxe que poden ser estilizadas con todas as mesmas propiedades CSS que se usan para fontes de estilo. Por exemplo, se queremos aumentar o tama±o da icona, engada unha cor de fondo redonda, cambie a cor da icona e engada algºn recheo adicional ao redor do ­cono que podemos facelo con algºns CSS bastante sinxelos.

Parte: Tipograf­a web

As fontes de seguridade web son fontes preinstaladas por moitos sistemas operativos. A­nda que non todos os sistemas lanzan as mesmas fontes instaladas, pode usar unha pila de fonte segura para resolver varias fontes que parecen similares, as­ como est¡n instaladas en varios sistemas que desexa apoiar. Se desexa posu­r fontes que non sexan preinstaladas, a partir de CSS3, pode usarse fontes web.

Por que a "seguridade web" importa?

‰ unha das fontes de serifas Sans-Serif (o que significa que non hai pequenos rizos ao final do uso para consultar a cada unha das dºas ou m¡is persoas ou as cousas). A miºdo substitºe os dispositivos de Windows para outras opci³ns de fonte interesantes (lidas: m¡is fermosas).

Helvetica

A propiedade da Font-Family debe manter varios nomes de letra como un sistema de "falla" para garantir a m¡xima compatibilidade entre os navegadores / sistemas operativos. Se o navegador non soporta a primeira fonte, trata a seguinte fonte.

  • artigos
  • como
  • temas gratu­tos
  • eventos
  • freelancing
  • < Li> Dese±o gr¡fico
  • iconas
  • Illustrator
  • inspiraci³n
  • logo
  • fotograf­a
  • Photoshop
  • tipograf­a
  • Wallpaper
  • A­nda m¡is.

programsionado

A propiedade de Font-Family unha variedade de nomes de letra como un sistema de "tensi³n", a fin de garantir a m¡xima compatibilidade entre o sistema de navegaci³n / operaci³n. Se o seu navegador non soporta a primeira fonte, trata a seguinte fonte.

Fonts serif

Que dia±o, non? Por que non s³ digo que tipo de letra que quero usar e iso iso? Toda a idea aqu­ devoltos. O navegador intentar¡ usar a fonte que especificou primeiro (Lato, neste caso), pero se non ten esa fonte dispo±ible, seguir¡ a baixar esa lista. Ent³n, para ser realmente verbose aqu­, que esa regra est¡ dicindo :

Ent³n, en que situaci³n que un navegador non ten a fonte que est¡ a pedir? Isto bastante comºn. Hai s³ un pu±ado de fontes que son considerados "seguros web", significando que probable que a maior­a dos ordenadores que visitan o seu sitio web ten que fonte instalada e que o navegador pode usalo. Pense: Arial, Times New Roman, Courier, Georgia, Verdana e un pu±ado de outros.

Pero a maior­a dos sitios web, estes d­as, usan fontes web personalizadas. Cargar-se unha fonte como un recurso (como ela mesma unha CSS web leva como un recurso ou unha imaxe, ou JavaScript), ent³n esta fonte est¡ dispo±ible para o seu uso. As fontes de Google moi populares fan que sexa bastante claro:

Mesmo cando cargas unha fonte deste xeito, a­nda posible que a fonte non se carga. Mentres Google un servidor xeralmente moi fiable, non controla os seus servidores; fan. A­nda m¡is comºnmente, as conexi³ns de rede pobres poden evitar unha fonte de carga. En calquera escenario de falla de carga de fontes, esa outra situaci³n na que unha pila de fontes de referencia ºtil.

Non

Non

Non
Usamos cookies
Usamos cookies para garantir que che damos a mellor experiencia no noso sitio web. Ao usar o sitio web de acordo co uso de cookies.
Permitir cookies