Editor 6 - ¿Puedo importar mi tipografía a BaseKit? – BaseKit Soporte

Si, puedes incorporar tipografía en tu sitio de Basekit usando la herramienta Typekit.

Necesitas tener conocimientos básicos de HTML y CSS para poder seguir este tutorial.

PASO 1. Regístrate en una cuenta gratuita.

?name=media_1382015078190.png

Ve a https://typekit.com/plans y haz click en Sign up para registrarte.

?name=media_1382015892759.png

Si no tienes un Adobe ID puedes crearlo aqui.

?name=media_1382016016312.png

Tras completar tus datos, pulsa en Get Started

?name=media_1382016098299.png

Agrega un nombre para tu sitio (1) luego escribe tu URL (2) sin 'www.' y pulsa en Continue (3).

PASO 2. Copia el código en tu página.

?name=media_1382018657357.png

Te darán un código de javascript que debes copiar.

?name=media_1382018811268.png

Ve a tu editor en Basekit y pasa el el cursor sobre la página principal. Cuando veas la flecha, pulsa sobre ella y verás un menú donde debes elegir Scripts de la página

?name=media_1382019148113.png

Pega el código de Typekit en la casilla superiro de Scripts globales y pulsa en guardar opciones

PASO 4. Publica tu sitio.

Publica tu sitio

PASO 4. Selecciona la tipografía que quieres incorporar.

?name=media_1382019425925.png

Vuelve a Typekit y pulsa en Continue y pulsa en el enlace go find some fonts revisa todas las opciones de tipografía que hay.

?name=media_1382019585561.png

Pasa sobre ltipografía que deseas usar y haz click en +Add to kit

PASO 5. Publica la tipografía para enlazar a tu sitio.

?name=media_1382019698315.png

1. Pulsa en el botón Publish

NOTA: Despues de pulsar sobre Publish quizás tengas que esperar desde algunos minutos hasta una hora para poder ver los cambios en tu sitio.

2. Pulsa en el enlace Using fonts in CSS

?name=media_1382019918858.png

Aquí puedes ver un ejemplo de como agregar tu tipografía en tu CSS.

PASO 6. Arrastra un bloque de texto a tu página

?name=media_1382020143747.png

Arrastra un bloque de texto a tu página.

?name=media_1382020296555.png

Haz doble click en el widget y selecciona HTML.

PASO 7. Cambia tu tipografía usando CSS

?name=media_1382020674490.png

La <p> define el párrafo. Como el bloque de texto es por defecto un párrafo, solo necesitas agregar este código:

?name=media_1382020811165.png

Pulsa en GUARDAR CAMBIOS cuando acabes.

Ya puedes ver los cambios en tu sitio.

NOTA: Puede que algunos navegadores no soporten el tipo de fuente que has agregado. No es un fallo de Basekit, por lo que te recomedamos que uses fuentes seguras.

Artículos en esta sección

Editor 6 - ¿Puedo importar mi tipografía a BaseKit?