-
Posts
-
Hi There,
I have added an advanced styling to use the font Poiret One for the <body>. However, it is still showing Arial which is selected under the font tab of General Styling.
Is there CSS that will force the Advanced Styling changes to happen?
Website is: http://www.sandraremme.com
Thanks!
DeannaHey rosewoodva,
worked well.
If you have a caching plugin, please try clearing it, Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
Also try adding advanced styling to use the font Poiret One for the
I tested your situation on a clean install and the Poiret One for theBest regards,
MikeHi Mike,
Thanks, but disabling the plugins didn’t work (I can’t disable the NexGen Gallery plugins or else I lose all my work).
I think you missed something here: “Also try adding advanced styling to use the font Poiret One for the”
Please help. I can change the font via the General Settings (with only a few options which is not what I need). But it does not accept the font change through Advanced Styling.
Thank you,
DeannaHi,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardHi,
Thanks for the details, though I can’t see anything wrong with the settings/front end on your page. The front end is displaying the body font you have selected under Enfold->General Styling->Fonts (Helvetica Neue). I’m not sure how you tried to set the font you are referring to?
Best regards,
RikardHi Rikard,
I am trying to get the fonts to show from enfold-child -> Advanced Styling -> <body> -> Poiret One.
My goal is just to be able to use more fonts than are currently available in General Styling -> Fonts.
My apologies if I’m not doing it correctly, but I would love to know how to be able to use Poiret One as the font for the Paragraph text.
Deanna
Hi Rikard,
Sorry to bug you but I am trying to launch this website soon, any help is appreciated in changing the font to Poiret One!
Thanks,
DeannaHi,
You can load more fonts with Custom CSS.
or check the post here
https://kriesi.at/support/topic/new-custom-font/how to load with some code.
let us know if you need further help.
Best regards,
BasilisHi Basilis,
I have followed the steps and have this in my custom css (see below).
I uploaded the webkit to Enfold –> CSS. But I am using a child theme. Do I need to upload to enfold-child —> CSS?@font-face {
font-family: ‘poiret_oneregular’;
src: url(‘poiretone-regular-webfont.woff2’) format(‘woff2’),
url(‘poiretone-regular-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;}
p {
font-family: poiret_oneregular;
}Hi,
I have read through a ton of Enfold resources as well as @fontface resources, to no avail.
I have uploaded the font files to Enfold –> fonts
I currently have this in custom CSS:
.body {
font-family: ‘poiret-oneregular’!important;
}@font-face {
font-family: ‘poiret_oneregular’;
src: url(http://sandraremme.com/enfold/fonts/poiretone-regular-webfont.woff2) format(‘woff2’),
url(http://sandraremme.com/enfold/fonts/poiretone-regular-webfont.woff) format(‘woff’);
font-weight: normal;
font-style: normal;
}I’m stuck, please help!
DeannaHi,
If you try to navigate to the font URL you will get a 404 error, could you check that the search path for the font is correct please?
http://sandraremme.com/enfold/fonts/poiretone-regular-webfont.woff2Also, if that is the exact CSS you are using the please try moving the body block under the import block:
@font-face { font-family: ‘poiret_oneregular’; src: url(https://sandraremme.com/enfold/fonts/poiretone-regular-webfont.woff2) format(‘woff2’), url(https://sandraremme.com/enfold/fonts/poiretone-regular-webfont.woff) format(‘woff’); font-weight: normal; font-style: normal; } body { font-family: ‘poiret-oneregular’!important; }Also, body is not a class, it’s a tag.
Best regards,
RikardHi Rikard,
This is now the correct url:
@font-face {
font-family: ‘poiret-oneregular’;
url(http://sandraremme.com/wp-content/themes/enfold/fonts/poiretone-regular-webfont.woff) format(‘woff’);
font-weight: normal;
font-style: normal;
}I want this font to apply to all paragraph text. Example: http://www.sandraremme.com/about – I want everything except the heading to be in the new Poiret One font.
I’ve tried these, but nothing works:
.avia_textblock.av_inherit_color {
font-family: ‘poiret-oneregular’;
}p {
font-family: ‘poiret-oneregular’;
}Even tried making a custom class:
.special {
font-family: ‘poiret-oneregular’;
}And adding this to text:
<span class=”special”> text </span>
- You must be logged in to reply to this topic.