1. mentil
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 28 August 2017
  5.  Subscribe via email
Hello Community,
how can i implement the Fornt "Gabriola" as "Article Head font" in the habitat-template?

Thanks for Hints.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Adding custom non Google fonts to your template is a little tricky. However it is possible :)

Firstly upload your font files to the ../templates/[YourTemplate]/fonts folder.

Then to actually import these files you can add the following to the Custom CSS field of your templates parameters..

@font-face {
font-family: 'YourFont';
src: url('../fonts/yourfont-webfont.eot');
src: url('../fonts/yourfont-webfont.eot') format('embedded-opentype'), url('../fonts/yourfont-webfont.woff2') format('woff2'), url('../fonts/yourfont-webfont.woff') format('woff'), url('../fonts/yourfont-webfont.ttf') format('truetype'), url('../fonts/yourfont-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}


Once your fonts are loaded you must then assign the font to the HTML elements of your choice with something like the following (Custom CSS field)...

body {
font-family: YourFont;
}


CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!