Agregar una fuente personalizada en la configuración de Beamery le permite crear una experiencia coherente y alineada con su marca para sus candidatos cuando visitan una de sus páginas y formularios de Beamery.
Tenga en cuenta que en Beamery solo debe utilizarse la versión estándar de una fuente, ya que agregar personalizaciones adicionales (por ejemplo, negrita, cursiva o subrayado) ralentiza el tiempo de carga de la fuente.
Índice
Agregar una fuente desde Google Fonts
Agregar una fuente desde Adobe Typekit
Cómo agregar una fuente desde Google Fonts
Google Fonts es un directorio de código abierto de fuentes gratuitas que Google ha puesto a disposición de cualquier persona para utilizarlas en sus sitios web.
Siga estos pasos para utilizar una fuente de Google Fonts en Beamery:
- Comience por ir a Configuración de Beamery y, a continuación, seleccione Empresa en la barra lateral de configuración.
- En el centro de esta página, verá esta sección Fuente personalizada:
- A continuación, vaya a Google Fonts en otra pestaña y busque la fuente que quiera utilizar. Cuando haya elegido una fuente, haga clic en la tarjeta de la fuente para abrir la página de la fuente.
- Después, en la página de la fuente, desplácese hasta encontrar el estilo de fuente que quiera utilizar y haga clic en +Select this style.
Tenga en cuenta que en Beamery solo debe utilizarse la versión estándar de una fuente, ya que agregar personalizaciones adicionales (por ejemplo, negrita, cursiva o subrayado) ralentiza el tiempo de carga de la fuente.
- Ahora, haga clic en el botón de la esquina superior derecha para ver las familias seleccionadas. Esto abrirá una barra lateral en su pantalla.
- En esta barra lateral, vaya a la sección titulada Use on the web, y asegúrese de que la opción <link> esté seleccionada.
- Del código de esta sección, copie la URL que aparece después de href=
- Vuelva a Beamery y pegue esta URL en el campo URL de la fuente. Una vez que haya introducido esta URL, verá que el campo Nombre de la familia tipográfica aparece como obligatorio.
- A continuación, vuelva a la pestaña de Google Fonts y copie el nombre de la familia de fuentes de la parte superior de la página.
-
Después, vuelva a la pestaña de Beamery y pegue este nombre en el campo Nombre de la familia tipográfica .
Tenga en cuenta que este campo distingue entre mayúsculas y minúsculas, por lo que debe coincidir exactamente con lo que aparece en la página de Google Fonts.
- Por último, haga clic en Guardar, en la esquina superior derecha de la página de configuración.
- Esta fuente será ahora la fuente predeterminada de su organización para todas las páginas y formularios nuevos, y también se actualizará en sus páginas y formularios existentes. Después de cambiar una fuente en Configuración, recomendamos revisar estos elementos para asegurarse de que la fuente se muestre como espera.
Cómo agregar una fuente desde Adobe Typekit
Adobe Typekit reúne miles de fuentes de socios de fundiciones tipográficas en una sola biblioteca. Tenga en cuenta que para utilizar fuentes de Adobe Typekit se requiere una suscripción a Adobe Creative Cloud y que no todas las fuentes pueden estar incluidas en su tipo de suscripción. Si tiene preguntas sobre las licencias de fuentes de Adobe, haga clic aquí.
Siga estos pasos para utilizar una fuente de Adobe Typekit en Beamery:
- Comience por ir a Configuración de Beamery y, a continuación, seleccione Empresa en la barra lateral de configuración.
- En el centro de esta página, verá esta sección Fuente personalizada :
- Ahora, vaya a Adobe Typekit y busque la fuente que quiera utilizar. Cuando haya elegido una fuente, haga clic en View Family en la tarjeta de esa fuente.
- Después, haga clic en Add to Web Project en la página de la fuente.
- En el cuadro de diálogo que aparece, seleccione el proyecto al que quiera agregar esta fuente y haga clic en Create.
- A continuación, verá una confirmación de que la fuente se agregó a su proyecto. Copie la URL que aparece después de href= en el código de este cuadro de diálogo.
- Vuelva a Beamery y pegue esta URL en el campo URL de la fuente. Una vez que haya introducido esta URL, verá que el campo Nombre de la familia tipográfica aparece como obligatorio.
- A continuación, vuelva a la pestaña de Adobe Typekit y copie el nombre de la familia de fuentes de la parte superior de la página.
-
Vuelva a la pestaña de Beamery y pegue este nombre en el campo Nombre de la familia tipográfica .
Tenga en cuenta que este campo distingue entre mayúsculas y minúsculas, por lo que debe coincidir exactamente con lo que aparece en la página de Adobe Typekit.
- Por último, haga clic en Guardar, en la esquina superior derecha de la página de configuración.
-
Esta fuente será ahora la fuente predeterminada de su organización para todas las páginas y formularios nuevos, y también se actualizará en sus páginas y formularios existentes. Después de cambiar una fuente, recomendamos revisar estos elementos para asegurarse de que la fuente se muestre como espera.
En resumen…
Cree una identidad de marca coherente en sus páginas y formularios de Beamery agregando una fuente personalizada de Google Fonts o Adobe Typekit mediante las instrucciones de esta guía.