Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #164789


    Regarding this thread:

    Alef font is indeed shown, but when I choose it, the website shows Arial font.

    Note that I also added this line to the custom CSS:
    @import url(;

    Is there something I’m doing wrong?

    btw, I also unable to use the Alef font on other areas in the website. I use this line:
    font-family: "Alef Hebrew", “Helvetica Neue”, Helvetica, Arial, sans-serif;



    Can you post the link to your website please?




    Please add this on your custom.css or Quick CSS:

    body, body p {
    font-family: "Alef", “Helvetica Neue”, Helvetica, Arial, sans-serif;

    Best regards,


    Thanks, but I don’t think it’s working:



    The font seems to be loading in on my end but you can see the implementation guide for yourself on the google font page here:

    You can also try forcing it if its not showing for you by adding !important to the declaration like this:

    body, body p {
    font-family: 'Alef', Arial, sans-serif !Important;



    It’s also showing alright in the preview pane under the Styling tab, but it’s not showing in the website, not even after adding the “!important” adding
    The current code is:

    @import url(;
    body, body p {
    font-family: 'Alef', sans-serif !Important;

    I don’t understand how can it be that it won’t load on any of the browsers and computers I test it on.


    Try using this plugin and choose for it to add in the font. Perhaps the font import is just failing for some reason:


    Didn’t work either. Thanks anyway


    Sorry we couldn’t help more. I can’t really explain why that specific font wouldn’t be rendering when google fonts typically have no issue.

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

The topic ‘Adding a custom font’ is closed to new replies.