Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 22, 2016 at 8:58 pm #690402
    mcraig77

    Ahoy,

    I’m trying to have multiple header font on one line so my text reads “Hi, We’re keen”

    I want the “Hi, We’re” in this font 

    h3, h4, h5, h6 {
font-family: 'Roboto', arial, verdana !important; 
font-weight: 300 !important;
}

    and “keen” lower case in this font

    h1, h2 {
font-family: 'TiemposHeadlineWeb', arial, verdana !important; 
}

    I have already added both fonts which you helped me with here https://kriesi.at/support/topic/different-fonts-for-h1-h2-and-h3-h4-h5-h6/

    What is the best element to do this in? How to I make the size similar?

    I tried doing it with the special heading and adding inline code but got this (screesnhot) The font it all upper case… which I dont want and smaller and on another line..

    Please advise which element I should do this in.

    September 27, 2016 at 11:50 am #692139
    Andy

    Hey mcraig77,

    you can control “keen” with this code:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: none;
font-size: 60px;
}

    Adjust it as needed.

    Best regards,
    Andy

    September 27, 2016 at 9:44 pm #692422
    mcraig77

    That seems to allow me to adjust the font size, is there a way to make the text all on one line?

    Code of backend below

    September 29, 2016 at 4:57 pm #693242
    Yigit

    Hi,

    Please wrap your text inside a custom span as following

    <span class="your-custom-class">your text in different font family</span>

    then add following code to Quick CSS

    .your-custom-class { font-family: 'TiemposHeadlineWeb', arial, verdana !important; }

    Best regards,
    Yigit

    September 29, 2016 at 8:47 pm #693363
    mcraig77

    Boom! Worked! Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Multiple fonts on one line’ is closed to new replies.