Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2016 at 10:21 am #659728
    aB-Agenta

    Hi!

    I would like to use different font sizes. I just can t figure out, how to make them responsive. With the layer Slider I used Paragraph and then put in a certain size in pixel because the H tags seem not to work.

    at the main page i tried different things, like em and vw. with em the fonts are not responsive at all and I don t like the proportions that vw does with the scaling.
    Do you have a hint how I can achive a proper solution?

    this is what I tried:

    h1.av-special-heading-tag {
font-size: 2.3em;
text-transform: none;
color: #4d83b8;
}

    best regards
    Lucie

    July 13, 2016 at 10:55 am #660256
    Rikard

    Hey Lucie,

    I think you will have to use media queries to specify the font size for each screen size. If you would like to target mobile screens on it would look something like this: 

    @media only screen and (max-width: 767px) {
h1.av-special-heading-tag {
font-size: 2.3em;
text-transform: none;
color: #4d83b8;
}
}

    Cheers!
    Rikard

    July 14, 2016 at 2:56 pm #660867
    aB-Agenta

    Hi Rikard!

    ok, I´ll try…
    but there no such solution like the layer slider is using for stepless scaling pic and fonts?

    thx
    Lucie

    July 18, 2016 at 3:52 pm #662076
    Andy

    Hi,

    no, you have to define it by yourself using media queries.

    Best regards,
    Andy

    July 19, 2016 at 9:43 am #662372
    aB-Agenta

    okay, thx!

    best regards
    Lucie

    July 19, 2016 at 1:39 pm #662472
    Andy

    Hi,

    alright, let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘responsive fonts’ is closed to new replies.