Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers
Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers
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 Providersirsah
irsah
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…
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…
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
Most Popular This Week
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 ...
Pop Up Follow/Subscribe by Email Widget for AMP HTML Blogger Themes
Follow by Email or Subscribe Blogger blog via email helps blog owners to get better engagement with readers & followers -- blog audienc...
Dynamically Add and Check Mobile Friendly Test by Google on Blogger Pages
Blogger users are well aware the importance of having mobile friendly blog pages for their Blogger blog designs in order to take advantage i...
Accelerated Mobile Pages on Blogger — Is it Possible?
We have received hundreds of requests daily by Bloggers (& web store owners) who is using Blogspot platform as a medium to publish their...
Blogr-AMP for Facebook Comments
Facebook comments has been introduced to Blogr-AMP Blogger template in mid January 2017 along with DISQUS & Google+ comments, replacing ...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...