Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 23, 2016 at 8:47 pm #587956
    mirtao64

    Hello,

    is it possible to change Special Heading font to Baskerville Old Face?

    I’ve tried to change the heading in H5 and change the font family for H5 but I didn’t find “Baskerville Old Face”.

    Moreover, when I change the special heading (inserted in a color section) from H1 to H5 an horizontal line is added to the header, at the right of the tagline, and I don’t need it at all.

    You can have a look to this page: http://www.heart-of-italy.com/olio-extra-vergine/adotta-un-olivo/

    Could you please have a look?

    Thanks a lot,
    Mauro

    February 23, 2016 at 9:14 pm #587972
    Basilis

    Hi mirtao64!

    Please take a look here, how to load a custom font for Enfold and use it out
    https://kriesi.at/support/topic/how-do-i-add-custom-fonts-to-the-enfold-theme/

    Cheers!
    Basilis

    February 24, 2016 at 1:02 pm #588331
    mirtao64

    Hi Basilis,

    thanks a lot, it seems that I have to add some CSS coding..I’ll try it..even if I’m not a programmer…

    In the meanwhile could you please let me know how to get rid of the horizontal line appeared in the headline after the text “il nostro mondo dei sapori”?

    please have a look at the page

    Adotta un olivo

    Thanks a lot,
    Mauro

    February 25, 2016 at 8:45 am #588811
    Rikard

    Hi Mauro,

    I couldn’t find a page with the name in your screenshot, could you link directly to it please?

    Regards,
    Rikard

    February 25, 2016 at 4:33 pm #589234
    mirtao64

    Hi Rikard,

    this is the page: http://www.heart-of-italy.com/olio-extra-vergine/adotta-un-olivo/

    I want to remove the line that comes after the header text “il nostro mondo dei sapori”

    Thanks a lot,
    Mauro

    February 25, 2016 at 4:46 pm #589242
    come_paglia

    Hey Mauro,

    concerning the line: Go to the settings of the special heading element and have a look to the section heading style. If you choose “Modern (left)”, the line should disappear.

    Regards,
    Hella

    February 25, 2016 at 6:12 pm #589330
    mirtao64

    @Basilis
    I’ve read the article on how to setup custom fonts from .ttf or .otf file that link to this http://css-tricks.com/snippets/css/using-font-face/ but I didn’t understand where I should upload the ttf file. I’d need to upload Baskerville Old Face font

    Thanks a lot,
    Mauro

    February 25, 2016 at 6:14 pm #589333
    mirtao64

    Hi @Come_paglia,

    thanks a lot, I thought that modern style would change the font in upper case but it was my fault.

    Regards,
    Mauro

    February 25, 2016 at 6:19 pm #589338
    Josue

    Hi!

    Once you have the proper webfonts ready you can upload them to your child theme directory (ex: /fonts/) and then to include them simply paste the code in child theme style.css.

    Make sure to change the url references so it matches your directory structure.

    Regards,
    Josue

    February 25, 2016 at 6:47 pm #589364
    mirtao64

    Hi Josue,

    I’ve read a lot of comments on http://css-tricks.com/snippets/css/using-font-face/ and it seems much more complicated.

    I have only the .ttf file and I’ve uploaded it to fontsquirrel.com after that I’ve generated the .zip with all the fonts files and a stylesheet.css.

    After that I’ve uploaded all the files and subdirectories under my enfold_child theme. Should I change the style.css adding the stylesheet.css coming from fontsquirrel.com? And after that should I see the new font to the enfold_child font list?

    I need the bakerville font to the H5 tag.
    Thanks a lot,
    Mauro

    • This reply was modified 8 years, 9 months ago by mirtao64.
    February 25, 2016 at 7:11 pm #589385
    Josue

    Hey!

    You should merge stylesheet.css into style.css, just make sure to place the @font-face code at the very start of child style.css, once you’ve done that you can add this below:

    h5{
font-family: "bakerville";
}

    Regards,
    Josue

    February 26, 2016 at 11:10 am #589652
    mirtao64

    Hi Josue,

    I’ve edited the child style.css as follows:

    @font-face {
    font-family: ‘baskerville_old_faceregular’;
    src: url(‘ufonts.com_baskerville-old-face-webfont.eot’);
    src: url(‘ufonts.com_baskerville-old-face-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘ufonts.com_baskerville-old-face-webfont.woff2’) format(‘woff2’),
    url(‘ufonts.com_baskerville-old-face-webfont.woff’) format(‘woff’),
    url(‘ufonts.com_baskerville-old-face-webfont.ttf’) format(‘truetype’),
    url(‘ufonts.com_baskerville-old-face-webfont.svg#baskerville_old_faceregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    h5{
    font-family: “baskerville”;
    }

    (I’ve also tried font-family: “baskerville_old_faceregular”; without success)

    After that I’ve uploaded all fonts files and directory generated from fontsquirrel.com.

    I’ve tried again to see the results in http://www.heart-of-italy.com/olio-extra-vergine/adotta-un-olivo/ but it doesn’t work.

    Am I supposed to do something different?

    Thanks a lot,
    Mauro

    February 26, 2016 at 11:31 am #589660
    Josue

    You need to use the same font name you’re declaring at the start (“baskerville_old_faceregular”) here:

    h5{
font-family: "baskerville_old_faceregular";
}

    Change that and refresh a few times, it should work.

    Best regards,
    Josue

    February 26, 2016 at 12:19 pm #589695
    mirtao64

    Hi Josue,

    as I wrote you I’ve already tried it but it doesn’t work…I’ve tried again just to be sure but nothing better.

    Regards,
    Mauro

    February 26, 2016 at 12:32 pm #589700
    mirtao64

    Hi Josue,

    I don’t know what happened but now it’s working! :))

    Thanks a lot…I’ll keep testing to mobile devices and other browsers.

    Cheers,
    Mauro

    February 26, 2016 at 1:41 pm #589757
    Josue

    Glad to hear that Mauro, you’re welcome, let us know if there’s anything else we can help with :)

    Regards,
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.