Font installation problem

Home Forums Jevelin Theme Font installation problem

Home Forums Jevelin Theme Font installation problem

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Hello,

    I am trying to install a font manually which is the ‘Okta-Normal.otf’ present in the source files at themes/jevelin , whose style.css file has also been modified to accept the font, but nothing is done, your theme not offer me the font I installed, can you help me please?

    Hi @commium,

     

    I hope you are well today and thank you for your question.

     

    You can use it by manually uploading the font and apply it to the elements developing CSS code as described below.

     

    http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

    https://websitesetup.org/custom-fonts-wordpress/

    https://premium.wpmudev.org/blog/custom-fonts-css/

    https://wordpress.org/plugins/use-any-font/

     

    Best regards,
    Shufflehound team

    commium
    Participant

    Hello,
    Thank you for your reply.

    I am already using the “Use Any Font” extension for one font, but I would like to take another.

    It is a licensed font so it is not possible to find it in google link, I paid for it.

    I followed the steps of the tutorials, and still not, I do not see my font on the site.

    Could you please tell me what are the steps that you have followed so that I can help you?

    Steps 1 : go in style.css and add at the end  :

    @font-face {
    font-family: OktaNormal;
    src: url(public_html/automobile.commium.fr/wp-content/themes/jevelin/fonts/Okta-Normal.otf);
    font-weight: normal;
    }

    Steps 2 : install manually the font Okta-Normal.otf in jevelin/fonts and in the same repertory as style.css

    And done

    What you have described is not a correct way to use the font but I logged into your website and saw you are using the font correctly by using the Custom Fonts plugin as shown in the attached screenshot.

     

    You have to just apply the font to any element on your website by adding the CSS code in your theme settings on the below path as shown in the second attached screenshot.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

    Attachments:
    You must be logged in to view attached files.
Viewing 6 posts - 1 through 6 (of 6 total)