1. danneel
  2. Commercial Templates
  3. Friday, 12 April 2019
  4.  Subscribe via email
I'm having some issues trying to install a custom font while using the Ariana theme.

Step 1- I have uploaded the fonts to the j51_ariana/fonts folder on the webserver. You can see the fonts at the links below

.
Step 2- I have entered the following on my custom css section but I don't see the fonts available in the font selector.

/* Adding Font CACHET */

@font-face {
font-family: 'Cachet Medium';
src: url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot');
src: url(http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot') format('embedded-opentype'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.woff') format('woff'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.ttf') format('truetype'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts//cachet-medium-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: Cachet Medium;
}


Thanks for the assistance.

Dan
References
  1. http://www.wcfymca.org/39/index.php
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dan

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We have amended your CSS to the following and your font appears to be now loading correctly...

@font-face {
font-family: 'Cachet Medium';
src: url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot');
src: url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot') format('embedded-opentype'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.woff') format('woff'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.ttf') format('truetype'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts//cachet-medium-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'Cachet Medium';
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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