AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

Agregando fuentes

En AMP, para mantener los tiempos de carga de documentos lo más rápido posible, no puede incluir hojas de estilo externas. Sin embargo, hay una excepción a esta regla — fuentes.

Puede incrustar fuentes personalizadas en su página AMP de dos maneras:

  1. A través de una etiqueta <link>: sólo para proveedores de fuentes con listas blancas.
  2. Al usar la regla CSS de @font-face: no hay restricciones, todas las fuentes están permitidas.

En este tutorial, usaremos una etiqueta <link> para añadir fuentes a nuestra página. Agregue un enlace de hoja de estilo en el <head> para solicitar la fuente Raleway:

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway">

Ahora, actualice su CSS para incluir la referencia a Raleway:

body {
  width: auto;
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
}

Actualice su página y echa un vistazo a la nueva imagen de tu página. Además, inspeccione la salida del validador AMP. No debe haber errores para esta solicitud de hoja de estilo externa.

¡Has completado tu artículo de noticias de AMP! Así es como debería ser:

Artículo completado