El selector de fuentes de la herramienta de texto le ofrece una lista de fuentes comunes para que pueda seleccionar la que prefiera. También puede añadir fuentes web de Google Fonts.
- Seleccione la herramienta de texto , situada en la barra de herramientas, o abra el panel Texto.
- En la barra de opciones de la herramienta o en el panel Texto, haga clic en el nombre de la fuente. Se abrirá el menú de fuentes.
- Elija una fuente.
Puede elegir la fuente primero y luego escribir el texto, o bien seleccionar el texto que ha escrito y, a continuación, cambiar la fuente.
Añadir fuentes de Google Fonts
Además de las fuentes comunes integradas en Google Web Designer, puede usar cientos de fuentes gratuitas de software libre que están disponibles en Google Fonts.
Para añadir fuentes del catálogo de Google Fonts:
- Seleccione la herramienta de texto , situada en la barra de herramientas, o abra el panel Texto.
- En la barra de opciones de la herramienta o en el panel Texto, haga clic en el nombre de la fuente. Se abrirá el menú de fuentes.
- En la parte inferior del menú de fuentes, haga clic en Más fuentes…. Se empezará a cargar el catálogo de Google Fonts. Para cargar más fuentes, desplácese hasta el final de la lista.
- Busque la fuente que quiera introduciendo su nombre en el campo de búsqueda y pulsando Intro, o bien utilice los filtros para acotar las opciones.
- Seleccione las fuentes que quiera usar. Se mostrarán en la lista Fuentes añadidas que aparece a la derecha.
- A continuación, haga clic en Aceptar. Las fuentes que haya añadido estarán disponibles en el menú de fuentes del documento en cuestión.
Usar otras fuentes
Google Ads y Google AdMob solo admiten fuentes web de Google.
Por ahora solo es posible añadir fuentes de Google Fonts al menú desplegable de fuentes, pero puede utilizar fuentes personalizadas si tiene los archivos de fuentes.
- Añada el archivo de fuentes a la subcarpeta
assets
del proyecto en el sistema de archivos de su ordenador.- Si utiliza Studio, puede subir fuentes personalizadas a la biblioteca de recursos de esta herramienta.
- Incluya distintos formatos de fuente para tener más opciones compatibles con el navegador.
- Vaya a Vista de código y añada el código CSS siguiente (con los datos de su fuente) antes de la etiqueta de cierre
:
@font-face { font-family: "My Font Name"; src: url("assets/myfontname.ttf") format("truetype"); }
- Para utilizar la fuente, introduzca su nombre (tal como lo ha escrito en la línea
font-family
) en el campo Nombre de la fuente al dar formato al texto.
Cuando utilice una fuente personalizada en una regla de estilo CSS, incluya al menos una fuente web segura de respaldo.
Por ejemplo, en un documento en japonés, puede usar la lista siguiente:
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;