Topics

Create Blogger AMP HTML template install & download Accelerated Mobile Pages themes for Blogspot platform.


Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers

Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers
Blogger template or any website HTML with AMP integration can not include external stylesheets. However there are several font service providers which have been whitelisted by AMP Project team.

In this post, we detail out on how to include custom fonts using Accelerated Mobile Pages on Blogger template HTML or any website.



Users can embed custom fonts into Blogger template or any HTML webpage with AMP integrated pages in 2 ways:

Through a <link> tag (white-listed font providers only)Via @font-face (no restrictions, all fonts allowed)
Use Link Tag
Use a <link> tag (usually in the head of  template HTML), before the amp-custom tag:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
This will grab the 'Roboto' font library from Google Fonts servers.

Then apply the custom font 'Roboto' to your web page <body> in amp-custom style tag like so:-

body { font-family: 'Roboto', sans-serif; font-wei…
Read Full Article
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsAdd custom fonts using link tag or @font-face on Blogger template with AMP detail guide tutorial & reference to include CSS inside amp-custom tahs in Blogger Template HTML.Blogr-AMP: Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Blogger template or any website HTML with AMP integration can not include external stylesheets. However there are several font service provi....

Disqus Comments

Facebook Comments

Working to get connected...

Ooops! We're having trouble connecting. Please refresh your page or contact us...

Most Popular This Week

Add Facebook Live Messenger Chatbox Placeholder for Blogger Theme with AMP HTML

Facebook Messenger Live Chatbox for Blogger themes  available here  been a hit ever since we shared the full working tutorial, codes, & ...

Blogr-AMP (V2) Blogger Theme Supports RTL Language Direction

Due to the many requests by users using Right to Left (RTL) language direction, for example Arabic, Tamil languages, now BlogrAMP version 2 ...

BlogrAMP Now in Version 2 Better Blog-ing Experience for 2018

Since early March 2017, we have started our next phase for Blogr-AMP Blogger theme with AMP HTML integrations. We wanted to fully utilize ...

AMP HTML for Blogger Theme with E-Commerce & Shopping Cart

In the middle of July 2017, we introduced the 7th edition for BlogrCart Blogger themes with e-commerce functionality. Create online web sto...

Blogr-AMP (V2) Display Icons with Font Awesome

Over 500 Font Awesome icons is included with Blogr-AMP Blogger template with Accelerated Mobile Pages HTML hosted by MaxCDN  -- Content Deli...


Working...

Ooops! We're having trouble connecting...