add font

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #369382
    MeesterGijs
    Spectator
    Hello, I watched all the videos and posts but I just don't understand how to add a font. I want just one sentence in a different font. I like this one: https://fonts.google.com/specimen/Rampart+One#standard-styles How do I get this done? What are the exact steps that need to be taken? Thanks, GIjs
    #369485
    Veronica
    Moderator
    hi can you please let us know exactly where you want to add it you can share screenshot and URL
    #369486
    MeesterGijs
    Spectator
    Hello, I want to change the text at my homepage (meestergijs.nl), this string: https://imgur.com/a/SnsN17V So here: https://imgur.com/a/pqPESjl Thanks
    #369594
    Veronica
    Moderator
    ok for that we can directly apply CSS on that text
    #369659
    MeesterGijs
    Spectator
    How do we do that? Please explain? Because I only have these fonts active: https://imgur.com/a/ygOe4CX
    #369678
    Veronica
    Moderator
    please share the page URL on which you want to apply it
    #370604
    MeesterGijs
    Spectator
    at meestergijs.nl, the homepage. So this one: https://meestergijs.nl/
    #371102
    MeesterGijs
    Spectator
    And?
    #371149
    Veronica
    Moderator
    check now on your site all h4 is on ramport font family I have refreshed the google fonts in wplms>>font-manager and then added the fonts
    #371483
    MeesterGijs
    Spectator
    I see thanks. But my wish was to only have just one sentence. See my first post. Is that possible? Just this sentence: https://imgur.com/a/0Ame5sI
    #371534
    Veronica
    Moderator
    ok for that you can set the default font that you want to use for h4 from customizer and for this particular one: add this in custom CSS .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper h4 span { font-family: 'Rampart One'; }
    #371597
    MeesterGijs
    Spectator
    Thanks, Veronica! I was able to change it back. Great. But adding the css did change the font, but not to the cartoonish Rampart. Have a look here.
    #371631
    Veronica
    Moderator
    add this in custom CSS .wpb_wrapper .wpb_text_column.wpb_content_element.vc_custom_1630071242913 .wpb_wrapper h4 { font-family: 'Rampart One', cursive; }
    #371835
    MeesterGijs
    Spectator
    Unfortunatelly, it still doesn't work. Btw, I changed old fontsize to h5. I changed that in your custom css, but nothing happened. Could you make it work for just this sentence? Thanks, Gijs
    #371876
    Veronica
    Moderator
    because now the heading is h5 i have provided the code for h4 user this
    .wpb_wrapper .wpb_text_column.wpb_content_element.vc_custom_1630071242913 .wpb_wrapper h5 {
    font-family: 'Rampart One', cursive !important;
    }
    refer: http://prntscr.com/1ubvs4y
Viewing 15 posts - 1 through 15 (of 17 total)
  • The topic ‘add font’ is closed to new replies.