Advanced Styling font not changing on website (still using Arial) - Support

Tagged: Advanced Styling, font

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
October 1, 2017 at 5:11 pm #858938

rosewoodva
Participant

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!
Deanna

October 1, 2017 at 7:07 pm #858958

Mike
Moderator

Hey rosewoodva,
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 the worked well.

Best regards,
Mike

October 3, 2017 at 12:36 am #859448

rosewoodva
Participant

Hi 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,
Deanna

October 4, 2017 at 6:34 am #859924

Rikard
Keymaster

Hi,

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,
Rikard

October 9, 2017 at 4:09 pm #861957

rosewoodva
Participant

Login Information in private content

October 10, 2017 at 6:24 am #862290

Rikard
Keymaster

Hi,

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,
Rikard

October 10, 2017 at 3:55 pm #862498

rosewoodva
Participant

Hi 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

October 12, 2017 at 12:13 am #863095

rosewoodva
Participant

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,
Deanna

October 12, 2017 at 9:04 pm #863621

Basilis
Inactive Moderator

Hi,

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,
Basilis

October 12, 2017 at 11:12 pm #863678

rosewoodva
Participant

Hi 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;
}

October 13, 2017 at 2:43 am #863711

rosewoodva
Participant

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!
Deanna

October 14, 2017 at 6:43 am #864203
Rikard
Keymaster
Hi,

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.woff2
```
Also, 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,
Rikard
October 14, 2017 at 7:27 pm #864320
rosewoodva
Participant
Hi 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>
- This reply was modified 7 years, 1 month ago by rosewoodva.
October 16, 2017 at 5:02 pm #864884

rosewoodva
Participant

I used another font and it work. Please close the ticket, thank you.

October 16, 2017 at 9:48 pm #864955

Basilis
Inactive Moderator

Hi,

Thank you very much for giving us the update.
We really appreciate it.

Best regards,
Basilis
Author

Posts

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.