¿Cómo integrar fuentes typekit de adobe en su sitio web squarespace

Squarespace 6 ha integrado con TypeKit para permitir fácilmente utilizar fuentes Typekit personalizados con mayor facilidad. Antes de poder añadir fuentes Typekit personalizados a su sitio Squarespace, sin embargo, es necesario tener una cuenta de TypeKit y para seleccionar las fuentes que desea utilizar en su sitio.

Basta con acceder a su sitio Squarespace, abierta Style Editor y haga clic en cualquiera de los elementos de la tipografía en la lista Editor de estilos. En la lista de fuentes, las fuentes se dividen en tres grupos: web-seguro FONT, una pequeña lista de fuentes encontradas comúnmente en todo Computadoras- FONT por TypeKit, una selección de tamaño decente de fuentes profesionales de Typekit- y google FONT, una gran selección de fuentes de Google TypeDNA Font Manager.

La lista TypeKit que se ve es sólo una pequeña muestra de las fuentes TypeKit ofrece. Puede navegar por todas las fuentes que ofrecen TypeKit. Para utilizar una fuente TypeKit que no está en la lista de fuentes en el Editor de estilos, se necesita una cuenta TypeKit.

Aquí es cómo adquirir fuentes Typekit:

1Regístrese para obtener una cuenta TypeKit

Elija el plan de precios que sea adecuado para usted de TypeKit. El plan de precios determina el número de fuentes que puede acceder.

TypeKit ofrece una cuenta de prueba gratuita que no caduca.

Video: Tutorial Adobe Creative Cloud 2015 para web : La librería TypeKit en Muse | video2brain

2Explorar las fuentes en la biblioteca TypeKit

Cuando encuentre una fuente que te gusta, haga clic en el botón Crear un kit.

4Haga clic en el botón Continuar

Aparece la pantalla de instalación de javascript. Puede pasar por alto el código javascript, ya que no tendrá que utilizar el código en su sitio. Squarespace tiene una solución más integrada para la conexión a un kit en su cuenta TypeKit.

378449.medium.jpg

5Haga clic en el botón Continuar

La pantalla TypeKit Editor aparece con la fuente seleccionada en el paso 2.

6Haga clic en el botón Publicar

Esto ahorra el kit.

378450.medium.jpg

7Obtener la ID de su kit

Haga clic en el enlace de código incrustado en la esquina superior derecha de la pantalla del editor. Aparece un cuadro de diálogo que muestra el código javascript. Ignorar el código javascript, pero copiar el TypeKit kit de ID, que aparece en la parte inferior derecha.

8Añadir el ID Kit a su sitio Squarespace

Ingrese a su sitio y añadir el ID de administrador del sitio → Configuración → ajuste de ID Kit general → TypeKit.

9Guardar los cambios

Cualquier fuente que añada a su kit de TypeKit reemplazarán a la lista predeterminada de tipos de letra Typekit y se mostrarán en todas las listas de fuentes en Editor de estilos.

Video: Trabajo con fuentes web: Uso de Edge Web Fonts con Dreamweaver CC

Artículos Relacionados