Support » Plugin: Custom Fonts » Can I include italic font files?

  • I have searched in many places but I have not found a way to distinguish italic font files from regular font files with this plugin. Is it possible to have both regular and italic font files for a given weight? For example, 400 (Normal) roman and italic, and 700 (Bold) regular and italic.

    I have the following font files:
    * ProximaNova-Bold.otf
    * ProximaNova-BoldItalic.otf
    * ProximaNova-Italic.otf
    * ProximaNova-Regular.otf

    Do let me know if there is a way to include these font files somehow. I am working on redesigning an existing website and I have created a draft for that, so I am not including the link here, but if required I will gladly oblige.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support BSF – Herman Asrori

    (@bsfherman)

    Hi @proximanova,

    For italic, you need to add the font separately and upload the font file.

    I hope it will help.

    Kind regards,
    Herman 🙂

    OMG.
    I can’t believe this is offered as “a solution”.

    Simply answer that it can’t be done with this plugin.

    Please author, whenever you have time, add a simple “font-style” select box and a little code to this plugin.

    * Explanation why this is not a solution at all:

    With the proposed solution, the user would need to go and edit all the texts on site and replace every italic font variation to separate “font italic”. This is really NOT a solution.

    • This reply was modified 11 months, 2 weeks ago by cvladan.
    • This reply was modified 11 months, 2 weeks ago by cvladan.
    Plugin Support BSF – Herman Asrori

    (@bsfherman)

    Yes, we already have this on our to-do list. Although I cannot provide an ETA for this. Sorry.

    Kind regards,
    Herman 🙂

    cvladan

    (@cvladan)

    Thanks 😉 but hurry, please

    The @font-face method is possible as a temporary solution for italic font styles addition. Firstly use the plugin in this version. Than CSS code and fonts can be easily compiled and downloaded here.
    I took the italique section from it and paste it in as customized CSS like so:

    /* fira-sans-italic - latin */
    @font-face {
      font-family: 'Fira Sans';
      font-style: italic;
      font-weight: 400;
      src: local(''),
           url('url-2-font-folder/fonts/fira-sans-v16-latin-italic.woff2') format('woff2'),
           url('url-2-font-folder/fonts/fira-sans-v16-latin-italic.woff') format('woff');
    }
    em {
      font-family: 'Fira Sans';
      font-style: italic;
    }
    

    Adding Customized CSS via @font-face to everything else used leads to ugly situations.
    The best thing would really be to improve the plugin and add a 1-klick-solution.

    • This reply was modified 6 months, 1 week ago by Dubbelstein.
    Plugin Support BSF – Herman Asrori

    (@bsfherman)

    Thanks for sharing this @dubbelstein.

    We’re sorry, since we have many other things with higher priority, we haven’t had a chance to work on this 🤔

    Kind regards,
    Herman 🙂

    forna91

    (@forna91)

    this feature is requested by many people during the time, included me.

    Timo Niels

    (@ltimoniels)

    … me too … pls <3

    All the other plugins are complicated to set up or just messy. Yours’s really great so far, but this italic issue nearly makes it worthless for consistent use.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.