1. MySigma
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 06 May 2020
  5.  Subscribe via email
Hi Ciaran,

I'm trying to add a custom font to the "London" template but I'm failing. The thread https://joomla51.com/forum/custom-font-ariana was my tutorial.
I want to add the font "AldoPC" to the dropdown for the fonts for H1-H4. It seems that the font is loaded (source code of the website) but I'm not able to select it from the drop down list even not for "body".

My "custom css":


@font-face {
font-family: 'AldoPC';
src: url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.eot');
src: url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.eot') format('embedded-opentype'), url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.woff') format('woff'), url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.woff2') format('woff2'), url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.ttf') format('truetype'), url('//http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'AldoPC';
}


Thank you!
Manfred
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Manfred

Can you confirm that you have added your font to the correct directory (../templates/j51_london/fonts/)? There is no response from the URL (http://www.http.com//www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.ttf).

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

Your link is not correct ;-)
The correct URL is "http://www.sonnenstudio-perg.at/vorlage/templates/j51_london/fonts/AldoPC.ttf".

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

Try removing //http: from the URLs in your CSS.

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

Perfect, it's working now! Just one question, is it possible to use the new font also for the responsive version?

Thank you very much,
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
The same font should display on smaller screens. If not then try clearing the browser cache of the device.

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


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