Con la función de fuente personalizada del Help Center, puedes subir tu propio archivo de fuente para que coincida con el estilo de tu marca.
Formatos de archivo compatibles:
TTF, OTF, EOT, WOFF, WOFF2.
Terminología importante:
Una familia tipográfica - es un conjunto de fuentes que comparten un diseño similar pero varían en atributos como peso, ancho y estilo. Por ejemplo, una familia tipográfica puede incluir pesos Light, Regular y Bold, cada uno con su propia versión Italic.
Una versión en cursiva - es un estilo donde los caracteres están inclinados hacia la derecha. Las fuentes en cursiva se usan a menudo para énfasis, títulos o para separar citas y referencias del texto principal.
Peso de la fuente - se refiere al grosor de los caracteres en una tipografía. Los pesos comunes incluyen Light, Regular, Medium, Semi Bold, Bold y Extra bold.
Si usas Google Fonts (precargadas), estos ajustes se aplican automáticamente y no se necesitan pasos adicionales. Pero al usar una fuente personalizada, debes subir varios archivos de fuente para cada peso y asegurarte de que todos los ajustes sean correctos (la única excepción son las fuentes variables).
Comenzar
Subir una fuente personalizada
Ve a Settings > Help Center > Configure & style y abre la pestaña Styling, luego haz clic en Shared elements.
Desplázate hacia abajo y selecciona Manage custom fonts.
Haz clic en Upload font para comenzar.
Si eliges subir una fuente de tu preferencia, asegúrate de tener permiso para usarla y revisa los términos de licencia aplicables para cumplir con las obligaciones antes de subir la fuente para usarla en tu Help Center.
Pesos de fuente
Para asegurar que todos los elementos de texto se muestren correctamente en el Help Center, debes subir los siguientes pesos de fuente:
Regular
Medium
Semi Bold
Bold, y
Cursivas para cada uno.
La función de selección múltiple permite a los users subir varios archivos de fuente a la vez.
En el Help Center, usamos los pesos de fuente Regular, Medium, Semi Bold y Bold. Si los compañeros olvidan subir un peso específico o la familia tipográfica no tiene un archivo de fuente para una combinación dada de peso/estilo, el navegador elige el más cercano para mostrar el texto. Por ejemplo, si solo subes Medium y Bold pero olvidas Regular, entonces Medium reemplazará todos los estilos Regular.
Asegúrate de que no haya archivos de fuente duplicados con las mismas propiedades. Si ocurre un error, aparecerá un banner que dice: "Ya tienes otro archivo de fuente en esta familia tipográfica con el mismo peso y estilo." Si se ignora el banner y se guardan los ajustes, uno de los archivos de fuente se elegirá al azar.
Fuentes variables
Puedes subir una fuente variable en lugar de varios pesos de fuente. No tendrás la opción de ajustar la apariencia de la fuente, sin embargo, el navegador ajustará automáticamente el peso de la fuente según sea necesario.
Aún necesitarás subir un archivo de fuente variable separado para el estilo cursiva.
Para subir una fuente variable, elige el archivo de fuente etiquetado como Variable. Luego, selecciona la opción "Variable" en la configuración de Peso de fuente una vez que se haya subido.
Verificar ajustes de fuente
Después de subir los archivos de fuente, notarás que cada archivo tiene su propio acordeón para ajustar configuraciones.
Los nombres de los acordeones se generan automáticamente a partir de la información del archivo. Se actualizan automáticamente después de ajustar los ajustes.
Por defecto, estos acordeones usan información extraída directamente de los archivos. Sin embargo, esta información a veces puede ser incorrecta. Debes verificar y, si es necesario, actualizar esta información para asegurar que todas las fuentes se muestren correctamente.
Cosas para verificar/actualizar si es necesario:
Todos los archivos de fuente que pertenecen a la misma familia tipográfica deben tener el mismo nombre de familia tipográfica.
Todos los archivos de fuente deben apuntar al peso de fuente correcto. Por ejemplo, si subiste un Rubik Regular, debes asegurarte de que la opción “Regular (400)” esté seleccionada en la configuración de Peso de fuente.
Todos los archivos de fuente también deben apuntar al estilo de fuente correcto. Por ejemplo, si subiste un Rubik Regular, debes asegurarte de que la opción “Normal” esté seleccionada en la configuración de Estilo.
Seleccionar la fuente personalizada
Después de subir y verificar todos los archivos de fuente, regresa a Configuración de estilo.
Ahora podrás seleccionar tu fuente personalizada en los menús desplegables "Fuente primaria" o "Fuente secundaria".
Nota:
La fuente cursiva solo se usa en el cuerpo del artículo, para previsualizar la fuente cursiva en el Help Center recomendamos previsualizar una página de artículo que tenga texto en cursiva de ejemplo.
Si eliminas todos los archivos de fuente personalizados, la fuente volverá a la Fuente predeterminada del sistema.
Mientras la fuente personalizada se carga en la página web, la fuente Fuente predeterminada del sistema se mostrará en el Help Center. Esto puede tardar unos segundos.
No hay opción para eliminar archivos de fuente en masa, deberás hacerlo uno por uno.
Solución de problemas
La fuente no se muestra como se esperaba
Por ejemplo, veo texto normal en negrita, cursiva donde no debería estar.
Asegúrate de que el archivo de fuente asignado a la combinación peso/estilo sea realmente para esa combinación. Normalmente el nombre del archivo de fuente incluye la variación junto con el nombre de la familia tipográfica. Por ejemplo, aquí hay una variación de fuente mal configurada:
El archivo está destinado a Medium/Condensed/Italic pero está asignado incorrectamente a Regular/Normal.
Ver dos familias tipográficas para una fuente personalizada cuando debería haber una
Esto significa que has subido 2 archivos de fuente y usado diferentes nombres de familia tipográfica, usa el mismo nombre de familia tipográfica para ambos.
Preguntas frecuentes
¿Es posible editar el color del texto en los artículos?
¿Es posible editar el color del texto en los artículos?
No, no es posible editar el color del texto en los artículos, sin embargo puedes usar callouts de colores para resaltar información importante. Para opciones adicionales de formato, puedes visitar nuestro Product Wishlist para votar por la solicitud de más opciones de formato. Asegúrate de agregar comentarios sobre lo que quieres ver aquí.