Install Isabella Font into Text Logo Font for Site Title

  • Posted in : TheBlogger
  • Dee Harris
    Participant

    I would like to use the Isabella font for my Site Title. Can you help me with custom code I can copy and paste? I loaded the plugin Use Any Font (which has not been tested on this theme… is that okay?) and have uploaded the font. For anything more complicated than a cut and paste of CSS, I am happy to allow access if it would be a more efficient use of our time.

    As always, I appreciate your assistance…d

    serkan
    Moderator

    Hi, Once you have uploaded the font, you need to load the font in your theme’s stylesheet using CSS3 @font-face rule like this:

    @font-face {
        font-family: Isabella; 
        src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Isabella.ttf); 
        font-weight: normal; 
    }

    Don’t forget to replace the font-family and URL with your own.
    After that you can use that font anywhere in your theme’s stylesheet like this:

    .site-title {
    font-family: "Isabella", Arial, sans-serif;
    }

    Thanks

    Dee Harris
    Participant

    Hi Serkan.

    I am obviously doing something wrong. I copied and pasted both the items above into stylesheet.css. My assumption is that Isabella would then show up as a font option in the list in the customizer?? I am such a rookie, perhaps I need more detailed instructions. I have just removed everything I have tried so far.

    I will send a message through contact to show you what I have tried in stylesheet.css . Please feel free to access the site (I will give you a password). Or, please give me a step by step for what I actually do to find and use the new font in place of the Tangerine currently being used once I get the css code set up in the proper place.

    Thank you…d

    serkan
    Moderator

    Hi,
    You can check out this related topic. There is also a video about custom font.
    http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
    Also there is a plugin for this feature. You can try to use it.
    https://wordpress.org/plugins/use-any-font/
    Thanks

    Dee Harris
    Participant

    Thank you!

    serkan
    Moderator

    You are welcome.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register