Using web fonts with Accelerated Mobile Pages (AMP)

The CSS embed code can be used to include custom web fonts in accelerated mobile pages (AMP).

Choose fonts to use

Follow the web font tutorial to choose the fonts you want to use and create your project.

Add the embed code

To find the embed code for your project, visit the Web Projects page and locate the project name. Copy and paste the embed code for that project into the <head> of the AMP HTML.

The default CSS embed code used in AMP

Apply the fonts in your CSS

The font family name to use in the CSS to style your text is listed in the web project as well; read more about using fonts in CSS.