Personaliza tu sitio con fuentes personalizadas para que combine con tu marca

Para usar una fuente que aún no está disponible en Squarespace, súbela en Estilos del sitio y úsala en cualquier parte de tu sitio. Esta es una excelente manera de mejorar tu marca más allá de las opciones de fuentes integradas.

Asegúrate de tener todos los permisos necesarios del propietario o licenciante de la fuente para usarla en tu sitio. Para obtener más detalles, revisa nuestras prácticas recomendadas. Para usar las fuentes integradas de Squarespace, visita Cómo cambiar fuentes.

Cargar una fuente personalizada

Después de cargar una fuente, aparece como una opción en cualquier ajuste de fuente. La forma de subir una fuente personalizada depende de la versión de tu sitio.

Tipos de archivo admitidos

Sube tus fuentes personalizadas como uno de los siguientes tipos de archivo:

• .otf
• .ttf
• .woff
• .woff2

¿Puedo usar fuentes variables?

Las fuentes variables, o los archivos de fuentes que incluyen varios grosores y estilos, no son compatibles por ahora. Para usar otros grosores y estilos de una fuente específica, sube cada fuente como un archivo separado.

Usa una fuente personalizada en tu sitio

Para usar una fuente personalizada subida:

1. Busca un ajuste para una fuente en los estilos del sitio y haz clic en el menú desplegable de fuentes.
2. Tus fuentes personalizadas se muestran en Cargadas. Selecciona la fuente que desees de la lista o usa la barra de búsqueda para encontrarla.

Eliminar fuentes personalizadas

Para eliminar una fuente personalizada:

1. Verifica que la fuente que deseas eliminar no esté en uso en tu sitio. Haz cualquier ajuste a otras fuentes y guarda tus cambios primero.
2. Busca un ajuste para una fuente en los estilos del sitio y haz clic en el menú desplegable de fuentes.
3. Junto a Cargado, haz clic en Administrar.
4. Para eliminar una fuente y todos sus estilos, haz clic en … junto al nombre de la fuente. Para eliminar un estilo específico de la fuente, haz clic en X junto al nombre del estilo.

Prácticas recomendadas para las licencias de fuentes

Nota: Estas prácticas recomendadas son un recurso, pero no constituyen un asesoramiento legal. Te recomendamos trabajar con un experto legal para obtener asesoramiento específico sobre tu sitio web o empresa y las necesidades de licencias de fuentes.

Antes de subir una fuente personalizada, asegúrate de tener los derechos y permisos necesarios para usarla en tu sitio. Las fuentes suelen ser licenciadas por los propietarios de fuentes (o fundiciones) directamente a los clientes o a través de licenciatarios de fuentes agregadas. Los acuerdos de licencia de fuentes proporcionan detalles sobre cómo y dónde puedes usar la fuente. Los acuerdos de licencia suelen variar y es importante que comprendas todos los requisitos y limitaciones de uso incluidos en tu orden de compra o contrato de licencia.

Por ejemplo:

• Tu licencia puede darte la posibilidad de usar todas las fuentes de una familia de fuentes en particular, o solo permitir el uso de una fuente individual de esa familia. 
• Algunas licencias cuestan más o menos según el número de visitantes mensuales a un sitio donde se usa la fuente.
• La publicación dinámica de fuentes web podría tener un costo o una estructura de licencia diferente al uso en recursos estáticos o en un logotipo.

Ten cuidado. Incluso si una fuente personalizada se puede descargar de forma gratuita, el proveedor aún puede requerir la compra de una licencia de pago para usar la fuente en un sitio o de otra manera pública.

Consulta tu acuerdo con el proveedor de fuentes antes de subir fuentes personalizadas a tu sitio. Es tu responsabilidad asegurarte de obtener todos los derechos y permisos necesarios para el uso previsto de la fuente.

Agregar una fuente de Adobe personalizada (solo versión 7.0)

En la versión 7.0 de Squarespace, puedes usar nuestra integración con Adobe Fonts para agregar fuentes personalizadas.

• Este proceso reemplaza las opciones de fuentes en los estilos del sitio por las fuentes de tu proyecto personalizado. Adobe Fonts de Squarespace no estará disponible para su uso mientras tu proyecto de Adobe Fonts personalizado esté habilitado.
• Las fuentes personalizadas están disponibles con una suscripción a Adobe Creative Cloud. Antes de suscribirte, elige un plan que incluya Adobe Fonts.

Paso 1: Crea un proyecto web y agrega las fuentes

Para agregar tus fuentes personalizadas a los sitios de la versión 7.0, primero debes crear un proyecto web en Adobe. Inicia sesión en tu cuenta de Adobe Fonts y, a continuación, sigue sus pasos para crear un proyecto web.

Después de crear tu proyecto web, verás tu código de inserción HTML personalizado. No lo necesitarás, así que no lo agregues a tu sitio. En vez de esto, usa el siguiente paso para obtener el ID del proyecto, que es más corto.

Paso 2: Agrega tus fuentes personalizadas a Squarespace

Una vez que tu proyecto web incluya todas las fuentes que necesitas, agrega el proyecto a tu sitio de Squarespace usando el ID del proyecto.

1. En tu cuenta de Adobe Fonts, haz clic en Mis fuentes de Adobe Fonts, en la esquina superior derecha.
2. Haz clic en Proyectos web y, a continuación, busca el proyecto que deseas agregar a Squarespace.
3. Copia la ID del proyecto, que es una cadena de letras y números sobre el código de inserción. Asegúrate de copiar la ID del proyecto único y no la que se muestra en el ejemplo.

4. Abre el panel de Herramientas de desarrollo.
5. Haz clic en Claves de API externas.
6. Desplázate hacia abajo hasta la casilla ID del Proyecto de Adobe Fonts.
7. Pega el ID de proyecto que copiaste de Adobe en la casilla.
8. Haz clic en Guardar.

Paso 3: Usa tus fuentes de Adobe Fonts

Después de agregar las fuentes de Adobe Fonts, podrás aplicarlas al texto en tu sitio. Las fuentes de tu proyecto web reemplazan las fuentes integradas en los estilos del sitio. Para encontrar rápidamente una fuente personalizada de Adobe Fonts, búscala por su nombre en la casilla Buscar.

Si cambias tus fuentes de Adobe Fonts, vuelve a publicar para que aparezcan estos cambios en Squarespace. En caso de que desees informarte mejor, visita la documentación de Adobe.

Mensaje de error: "Fuentes no admitidas" en los estilos del sitio

Este mensaje se muestra si tu sitio está usando una fuente que Adobe Fonts ha retirado. Cuando la fuente ya no sea compatible, la reemplazaremos en Squarespace con la opción disponible más parecida. Revisa las secciones de estilo que se enumeran en el error para aprobar o cambiar la fuente de reemplazo.

Adobe Fonts también eliminará las fuentes que quites de tu página de Adobe Fonts.

Mis fuentes personalizadas de Adobe no se muestran en mi sitio

Si algunos caracteres especiales no se muestran correctamente, edita el proyecto web y selecciona Todos los caracteres antes de agregar la ID del proyecto a Squarespace.

Si no aparece ninguna de tus fuentes, revisa si tu sitio contiene JavaScript. Si alguna vez usaste el método JavaScript de Adobe Fonts para agregar fuentes a tu sitio, tus fuentes podrían no cargarse adecuadamente. Quita el JavaScript y sigue los pasos anteriores para agregar tus fuentes de Adobe Fonts.

Dónde obtener atención al cliente

Si tienes dificultades para agregar tu ID de proyecto de Adobe Fonts o si no aparecen las fuentes de Adobe Fonts en tu sitio, contáctanos y te ayudaremos a resolver tus problemas. Para todas las demás preguntas sobre cómo usar las fuentes de Adobe Fonts, comunícate con ellos o lee su documentación.