Blog

How to Set Font Styling for Mobile, Tablet, & Desktop with the Builder Responsive Styling

In our second instalment of our tutorial series on responsive styling, we will showcase how to set specific fonts for mobile tablet, and desktop. By default, all paragraph and heading font styling are responsive across resolutions. This means that when you resize your browser it’ll shrink automatically to ensure your font fits the resolution you’re viewing it in.

But now with the responsive styling feature, you’re given more freedom to customize exactly how your font will look when viewed on mobile or tablet mode. To change your font styling across your devices, click the top left icons for tablet or mobile view and click each text box to adjust the font using the styling panel on the right.

Please feel free to leave us a comment if you have questions or suggestions on the next tutorial you would like to see! For more Themify tutorial videos, check out our YouTube channel and subscribe.

Also, if you haven’t already don’t forget to check out the first Responsive Styling tutorial in the series showcasing Column Direction!

8 Comments

  1. dieter
    Jan 29, 2018 @ 15:18

    Not very clear – and stop the annoying background music.
    How does this work in backend mode?
    So why not teach the whole thing?

    Reply

    • Kurt @ Themify
      Jan 30, 2018 @ 16:40

      For responsive styling, we don’t recommend doing this on the backend because it doesn’t have live preview. However, if you’d like we can provide you more instructions on how to do this via email. Please contact us here – https://themify.me/contact. Thank you for your patience.

      Reply

  2. paul
    Jan 29, 2018 @ 18:37

    Please upload some more tutorial of making fonts as your video game me a lot of information.Thanks for this.

    Reply

  3. Gabriel
    Feb 02, 2018 @ 16:09

    I thought it was very clear and good. Thanks!

    Reply

  4. Rainer Müller
    Feb 02, 2018 @ 16:25

    I think those short tutorial are very helpfull. Well done – thanks!

    But it would be a little bit better without the music.
    One reason is: Not everyone likes this “elevator music”
    and second:
    It is really anoying when I want to view parts or the whole video more than one time.

    Hope you bring more helpful clips like this one.

    Reply

    • Kurt @ Themify
      Feb 06, 2018 @ 16:53

      Noted. We’ll look into removing the audio or making the audio tracks a little more subtle. Thank you for your feedback :)

      Reply

  5. Ronak Patel
    Feb 07, 2018 @ 05:24

    Nice..! I apply my project. But it’s not successfully done it. Please guide me or upload video tutorials. So I can easily understand and I apply it.

    Reply

    • Kurt @ Themify
      Feb 07, 2018 @ 18:57

      Hello,

      Please contact us here – https://themify.me/contact with more detail with your issue so that I can better provide you support.

      Thank you for your patience.

      Reply

Reply