-
Posts
-
Hi
I’m trying hard to inlcude a font but i don’t get it running. thanks for your help:@font-face {
font-family: ‘SerpentineComLight’;
src: url(‘fonts/serpentinecom-light.eot’);
src: url(‘fonts/serpentinecom-light.eot#iefix’) format(’embedded-opentype’),
url(‘fonts/serpentinecom-light.woff’) format(‘woff’),
url(‘fonts/serpentinecom-light.ttf’) format(‘truetype’),
url(‘fonts/serpentinecom-light.svg#SerpentineComLight’) format(‘svg’);}
h1, h2, h3, h4, h5, h6 {
font-family: ‘SerpentineComLight’, sans-serif !important;
}
p, span, body {
font-family: ‘SerpentineComLight’, sans-serif !important;
}Hey werbeagenturlauf,
Please try using the full URL to the font, and verify that it’s actually working:
http://your.site/folder/font.ttfBest regards,
RikardThats what it looks like now but still doesn’t work:
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*//*Add your own styles here:*/
@font-face {
font-family: ‘SerpentineComLight’;
src: url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.eot’);
src: url(‘https://brodner.metropoljournal.de/wp-includesfonts/serpentinecom-light.eot#iefix’) format(’embedded-opentype’),
url(‘https://brodner.metropoljournal.de/wp-includesfonts/serpentinecom-light.woff’) format(‘woff’),
url(‘https://brodner.metropoljournal.de/wp-includesfonts/serpentinecom-light.ttf’) format(‘truetype’),
url(‘https://brodner.metropoljournal.de/wp-includesfonts/serpentinecom-light.svg#SerpentineComLight’) format(‘svg’);}
h1, h2, h3, h4, h5, h6 {
font-family: ‘SerpentineComLight’, sans-serif !important;
}
p, span, body {
font-family: ‘SerpentineComLight’, sans-serif !important;
}Hi,
The problem is that your site does not have an SSL installed.
When loading the URL it shows that so your font file does not load properly.Best regards,
BasilisProblem is solved! Thanks for your help!!
@font-face {
font-family: ‘SerpentineComLight’;
src: url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.eot’);
src: url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.eot#iefix’) format(’embedded-opentype’),
url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.woff’) format(‘woff’),
url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.ttf’) format(‘truetype’),
url(‘https://brodner.metropoljournal.de/wp-includes/fonts/serpentinecom-light.svg#SerpentineComLight’) format(‘svg’);}
h1, h2, h3, h4, h5, h6 {
font-family: ‘SerpentineComLight’, sans-serif !important;
}
p, span, body {
font-family: ‘SerpentineComLight’, sans-serif !important;
}Hi,
Great, glad you got it working and thanks for sharing your solution. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- You must be logged in to reply to this topic.