1. salinger
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 05 August 2015
  5.  Subscribe via email
Hi Ciaran,

how can I use another font (no google font) in Madison template? thank you, Marion
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marion

What font do you wish to use with your template?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
New Berolina MT, I have loaded the webfont on the server in template/madison/css/fonts
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming you have your new font loading, you will need to assign it the elements of your choice with some custom CSS. So for example you wish to apply this font to the module headers you can add the following to the Custom CSS field of your templates parameters (edit to taste)...


.module h3, .module_menu h3 {
font-family: Berolina MT;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

I can assign the font to the elements, thats not the problem, but how can I load the font? I loaded the webfonts (eot, otf, svg, ttf, woff) on the server in the file templates/j51_madison/fonts. and what else do I have to do? thank you!

kind regards, Marion
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marion

To load your font files you can also add the following Custom CSS (edit to match)...


@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;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
thanks, perfect it works finally :-) !!!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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