Cómo utilizar miles de fuentes que no sean seguros para la web para darle vida a su sitio web

Vídeo: Utilizar tipografias de MYFONTS en nuestros proyectos GRATIS

Se ha mencionado antes, pero vale la pena repetirlo: si no desea que sus sitios web / blogs para ser sólo otra cara en la multitud, lo que tiene que hacer que se destaque de los demás, y jugando con el diseño es una forma de lograr que . Pero todo diseñador web sabe muy bien que la tipografía es un área en la que sus manos están más o menos atadas.

El lanzamiento de Fuentes de google trae aire fresco al mundo de la tipografía web gratuito. Sin embargo, a pesar de que Google nos proporciona una gran variedad de fuentes libres de usar, la adición es todavía sólo una mota de polvo entre los miles (o tal vez millones?) De las fuentes existentes por ahí.

Conoce Fonts.com, un servicio web que nos ofrece miles de fuentes de páginas web alternativas que podemos utilizar para nuestro diseño web / blog - y 3.000 + de ellos están disponibles de forma gratuita.

Fuentes Bellas libres para usted

Fonts.com es traído a nosotros por Monotype Imaging, un nombre bien conocido en la industria de la fuente. El nombre de la empresa en sí es una garantía de que encontrará una vasta elección de las fuentes aquí. Pero antes de poder utilizar el servicio Fonts.com, debemos primero registrarse para obtener una cuenta gratuita.

Hay tres esquemas de “fijación de precios” disponibles con diferentes características, pero personalmente creo que el libre - con más de 3.000 opciones de fuente, un número ilimitado de sitios web utilizan y las fuentes por sitio, y 25.000 páginas vistas por mes - es más que adecuada para los bloggers de todos los días y el sitio web propietarios. La oferta gratuita es muy generoso teniendo en cuenta que TypeKit - otro gran jugador en el mismo campo - limita sus usuarios con un único uso del sitio web y dos fuentes por sitio.

Comience por la construcción de un proyecto: darle un nombre y añadir los dominios que desee utilizar las fuentes con. No se olvide de guardar el proyecto antes de continuar. Puede crear varios proyectos para gestionar, pero debido a la limitación de páginas vistas, le sugiero que crear otra cuenta para otro proyecto si su sitio web podría atraer mucho tráfico.

Vídeo: Recursos para Bloggers: Como Descargar e instalar fuentes / tipografías (windows) #NONAGEEK

El siguiente paso es elegir las fuentes para su proyecto. Se puede ordenar por clasificación, diseñador, de fundición o soporte de idiomas. Si conoce el nombre de la fuente, se puede ir directamente al cuadro de búsqueda, o - si usted tiene un montón de tiempo libre - se puede navegar por todas las fuentes de página Web disponibles por orden alfabético.

Pero antes de hacer eso, es mejor echar un vistazo a la lista de fuentes destacados.

Las opciones de soporte de idioma va a ser muy útil si usted está buscando fuentes compatibles con caracteres no latinos como el árabe o el chino.

La adición de las fuentes de un proyecto es tan fácil como hacer clic en el “Agregar al proyecto”en la parte derecha de la lista de fuentes. Si encuentra una fuente con un gris “Mejorar”Botón, significa que la fuente sólo está disponible para usuarios de pago.

Después de añadir las fuentes que le gusta el proyecto, puede empezar a trabajar en su hoja de estilo. Ir a la “selectores”Campo, escriba un selector y haga clic en“Añadir selector“. Repetir el proceso para otros selectores. Un poco de conocimiento de HTML y CSS sería muy útil en este caso, pero el uso de la base “cuerpo”Y“h1" a "HX”(Cambiar la x con cualquier número) lo hará para los principiantes.

A continuación, seleccione un tipo de letra de la lista desplegable para cada selector hacia abajo. Las fuentes disponibles son los que elegimos anteriormente. Una vista previa del uso de la fuente aparecerá a la derecha de la lista.

El último paso es la publicación de su proyecto. Al hacer clic en el “Publicar”Pestaña le dará cuatro opciones. Los principiantes que desee quedarse con la opción 1.

Mientras que las opciones 3 y 4 son sólo está disponible para usuarios de pago.

Obtendrá una línea de código para aplicar en su sitio web. Haga clic en el "Seleccionar el código”Botón y pulsa Ctrl + C (Mac) o Ctrl + C (Windows) para copiar el código.

Ahora vamos a pasar a su sitio web para aplicar el código.

La aplicación del Código

El código que se obtiene debe ser pegado entre el “cabeza”etiquetas. Asumo que si usted tiene un sitio web, usted debe saber cómo hacerlo. Sin embargo, para autohospedado WordPress los propietarios de blogs, hay una manera fácil de hacerlo sin tener que modificar ningún código.

Instalar y activar un plugin de WordPress llamado “Códigos de inserción”Y pegar el código de fuente dentro de la“cabecera del blog”Campo, y guardar los cambios.

He intentado esto en mi blog de WordPress alojado en sí mismo y todo funcionaba bien. Los elementos se presentaron con su nuevo aspecto.

La belleza de este sistema es que si se realiza algún cambio en su proyecto dentro Fonts.com, los cambios se aplicarán automáticamente a su sitio web (s) sin que tenga que hacer nada.

Así que si usted está buscando maneras fáciles y gratuitos para jugar con la tipografía web, el servicio de Fonts.com sería su mejor apuesta. Yo personalmente creo que es incluso mejor que el directorio de Google Font - al menos desde el número de opciones que los usuarios tienen libre.

¿Usted se retuerza la tipografía web? ¿Conoce otras alternativas? Por favor comparta sus pensamientos y opiniones utilizando los comentarios a continuación.