AMP Como usar a tag @font-face

AMP Como usar a tag @font-face. Páginas AMP não incluem folhas de estilo externas, com exceção das fontes personalizadas. É possível incorporar fontes personalizadas nas suas páginas de duas formas

  • por meio de uma tag (somente de provedores da lista de permissões)
  • por meio de @font-face (sem restrições, todas as fontes são permitidas)

Use uma tag (normalmente no cabeçalho da página) desta forma:

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

Como opção, é possível usar@font-face within your AMP stylesheet:

<style amp-custom>
  @font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("https://somedomain.org/VeraSeBd.ttf");
  }

  body {
    font-family: "Bitstream Vera Serif Bold", serif;
  }
</style>
Compartilhar: | | Whatsapp |
hits