Hoy tenemos un exclusivo lanzamiento previo a una nueva y emocionante opción para usar diferentes fuentes en la web.
A continuación, analizaremos brevemente qué es FontDeck y qué tan fácil es configurar el sitio. ¡Empecemos!
¿Qué es FontDeck?
FontDeck es otra entrada a la incursión de los sitios que utilizan el selector de CSS de font-face para permitirle incrustar fácilmente fuentes atractivas y seguras para la web en sus sitios.
FontDeck utiliza CSS puro para lograr su magia, por lo que no tiene que perder el tiempo con JavaScript, Flash o cualquier otra tecnología adicional como lo hace con TypeKit y algunas otras.
Desafortunadamente, FontDeck se encuentra en un estado tan temprano que no puedo mostrarle demasiado porque las fuentes actuales en el sistema están sujetas a cambios. Así que perdona cualquier desenfoque selectivo, ya que representa contenido que aún no es definitivo.
Configuración y selección de fuente
FontDeck hace que sea extremadamente fácil implementar fuentes atractivas en su sitio en poco tiempo. A continuación veremos el proceso básico de hacer que todo funcione.
Registrarse en FontDeck es tan fácil como escribir su dirección de correo electrónico y asignar un dominio. Una vez que finalice este paso, estará listo para comenzar a buscar fuentes.
FontDeck te ofrece varias formas de navegar y buscar fuentes. Primero está la opción de ver por estilo. Las categorías actuales son Serif, Sans Serif, Slab Serif, Script, Blackletter, Display, Symbol y Non-latin.
Además, puede ingresar una cadena de búsqueda o navegar por fundición, diseñador o etiqueta.
Activar e instalar fuentes
Una vez que encuentre una fuente que le guste, simplemente haga clic en el botón activar y seleccione el sitio en el que desea instalar la fuente.
Ahora recibirá dos fragmentos de código que le permitirán implementar la fuente en su sitio. El primero es un enlace simple de la hoja de estilo (Ej: link rel =? stylesheet? href =? http: //?) para pegar en la parte del encabezado de su HTML.
El segundo fragmento es una familia de fuentes CSS que puede pegar en sus hojas de estilo en cualquier lugar donde desee que aparezca la fuente FontDeck (ej: font-family:? nombre de fuente ?, sans-serif; font-weight: negrita; estilo de letra: normal; }).
Como puede ver, el CSS de la familia de fuentes es exactamente igual al que usaría normalmente; ni siquiera tienes que usar @ font-face. Esto se debe a que el código @ font-face se genera automáticamente en la hoja de estilo externa a la que se vincula en el encabezado. Incluso puede insertar nombres de fuentes de FontDeck en las familias de fuentes existentes que ya ha configurado, lo que le da un control completo sobre los escenarios alternativos.
Licenciamiento
Todas las fuentes que instales se activarán inicialmente en "Modo de uso limitado". El modo de uso limitado significa que puede usar la fuente de forma gratuita, pero solo será visible para los visitantes desde 20 direcciones IP únicas. Esto es perfecto para las pruebas y el diseño, por lo que puede tener una idea de cómo se verá una fuente en su sitio antes de tener que comprarla.
Cuando decida que le gusta una fuente en particular, puede elegir comprar esa fuente específica para usar en el sitio que se ha registrado.
Pensamientos de cierre
Después de haber probado algunas otras soluciones similares, encontré que FontDeck es uno de los sistemas más fáciles desarrollados hasta ahora para incrustar fuentes premium en páginas web. Honestamente, probablemente le llevó mucho más tiempo leer este artículo que seleccionar una fuente y capturar el código para su diseño utilizando FontDeck.
Esperamos que las soluciones como FontDeck sugieran un futuro brillante y sin complicaciones para la tipografía avanzada en la web. Por ahora todavía está en beta privada, pero te mantendremos actualizado y te avisaremos cuando se inicie.