-
Posts
-
Hi guys, hope you’re all well. I’m pitching for a new project and have convinced client to go for WP and Enfold. Now, first trials with their design requires self hosted font and layer slider. It works so far (early stage) on Safari, but the font doesn’t show on Firefox, Chrome or Explorer. Any ideas? Look here: freewaygermany.de/test
Thx Jo
Hey Jo,
Which font are you looking to use, and how did you import it? Could you give us access to the site in question as well please? You can post the login details in private.
Best regards,
RikardHi,
Thanks for that. So where did you upload the font to? Please try to use the full URL of the font in question in your CSS. For example:
https://your.site/fonts/wigrumweb-bold.eotBest regards,
RikardHi again, I’m stuck! The font can now be found on three places:
https://freewaygermany.de/wordpress/fonts/wigrum
https://freewaygermany.de/wordpress/wp-content/fonts/wigrum
https://freewaygermany.de/wordpress/wp-content/uploads/avia_fonts/type_fonts/wigrumGuess that’s not right, but which one to keep?
AND then two more questions
– what exactly is the CSS code to make the font appear in layer slider?
– what is the right place to put the CSS?Thx Jo
Hi Jo,
Thanks for that, but I get 404 errors on all the links you posted. You need to follow the example I posted so that you reference the actual font file.
Best regards,
RikardSorry, my fault, I continued to work on it and changed the paths on ftp.
The font ist now ONLY on:
https://freewaygermany.de/fonts/wigrum-regular.eot
https://freewaygermany.de/fonts/wigrum-light.eot
https://freewaygermany.de/fonts/wigrum-bold.eot
https://freewaygermany.de/fonts/wigrum-black.eotBetter?
Still the questions remain:
– what exactly is the CSS code to make the font appear in layer slider?
– what is the right place to put the CSS?Thx Jo
Hi Jo,
You can put the CSS in Quick CSS to see if it works there.
If you want to use the font in LayerSlider then you might have to add a class to where it should be used. Here’s an example for the regular font:
CSS:
.wigrum-regular { font-family: 'wigrum-reglar'; }Content:
<h1 class="wigrum-regular">Your header</h1>Best regards,
Rikard
- You must be logged in to reply to this topic.