How to Perfectly Set Up Typography & Fonts in Elementor

Since many people struggle with typography and custom fonts inside of Elementor I thought I would make a guide, because it can be quite confusing. I'm also tackling the px, rem, em and vw in this video and I'm giving you a guide on how to use fonts that scale automatically. I hope you like it!

→ Software I recommend

→ Full A-Z Courses

→ Starter Guides for Beginners

→ My Social Media

Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[rinodeboer]

Since many people struggle with typography and custom fonts inside of Elementor I thought I would make a guide, because it can be quite confusing. I'm also tackling the px, rem, em and vw in this video and I'm giving you a guide on how to use fonts that scale automatically. I hope you like it!

[erichepperlewp]

03:00 - Installing Custom Fonts
07:24 - Determining what values to use
11:00 - Rino's Spreadsheet
13:00 - #CSSClamp saves the day!
15:15 - How to set up the font sizes in Elemntor

[gotta-date-with-hate]

Your video's are really fantastic! You do a great job of explaining things easy, not moving to fast and allowing newbies to follow along without being inundated with technical terms!

[brooke]

As always, your video was fantastic and incredibly helpful. I've probably built 30 corporate websites using Elementor over the past few years, and I still just bang away at all the font settings, and never seem to feel like I totally have a handle on what I'm doing. Thank you for clearing this up, it's terrific.

[joannewoodman]

This was so very helpful, thank you Rino! I've never really understood REM but this explained it clearly in a way I will remember and continue to understand, and also helped me tweak how I set up my elementor fonts in the future! Appreciate your tutorials.

[rickdrummond]

Too easy... but only because you made it so. Excellent tutorial and well structured so that we understand what we are doing while availing ourselves of the shortcuts you so generously provide. Thank you so much!

[FranchisingCode]

Rino - simply brilliant. I am just a user with 20 websites (not a developer) but I use Elementor and am always trying to find how to use it better. Your videos provide original insights and your explanations are unique. Great value - sign me up to your course!

[burfina]

THIS IS AMAZING! I struggled with fonts setup like this dog from "i don't know what i'm doing" meme. With no hope left, I watched this video and it changed everything! amazing, thanks!

[werbekueche]

Thank you very much Rino. Once again a very valuable video from you. Thank you for sharing your insights with the community. I have also dealt with this topic extensively. Your video shows me that I had the same thoughts as you and I already am well positioned with my projects. I have already worked with REM Font Sizes and created a scaling table (but I like yours even better, especially the new feature that now covers all responsive views!) I also didn't know what I needed the typography section for (currently I only set the link colour there).
Concerning the global font uploads, there is another important reason besides pagespeed to host the fonts yourself. As a web designer in Germany, I always have to pay attention to the DSGVO, which is very strict here. A few months ago, there was a veritable wave of warnings from pseudo-lawyers who found a loophole with externally hosted Google Fonts. The use of the US Google servers was interpreted as a data protection violation. Maybe this is also an issue in other countries? Finally, thanks again for your efforts and keep up the good work! I look forward to every new video from you! Many greetings from the Black Forest, Jennifer

[MiguelGM]

Your videos are an exceptional resource for anyone looking to improve their skills with Elementor. Your clear and concise explanations make even the most complex concepts easy to understand, and your teaching style keeps me engaged throughout each video.

[yelowme.design]

Great video Rino! Thanks for sharing your font size cheat sheet, it's a huge time saver and also keeps font sizes consistent and legible on all devices.

[mslcreative]

Great video thank you, I have been looking for this solution and have tried making changes to font sizes in the range available. I already use custom fonts and disable the Google fonts options in Elementor and now you have clarified the use of REM and the Primary and Secondary options 🙂

[mreclecticguy]

Really appreciate this video, especially the "clamp" solution to scaling. I knew the importance of using h tags properly (I was taught to treat them as you would when writing an outline because that's how search engines look at them), so your system of setting their appearance, and not locking in their styling, makes much more sense. The first time I played with getting the global settings setup it turned into a convoluted mess. As I'm just started to rebuild a site from the ground up; this information is going to help me a lot. Thank you.

[comleonmoto]

Another fantastic tutorial from Rino. Thank you, Rino for making our life easier!👏

[filippofernicola]

Mamma mia! What a great content Rino, thank you very much for your effort putting it together 🫶🏻

[casmeijer]

Dankjewel Rino, dit is een van de meest hulpvolle video's van een lange tijd! Groetjes uit Zwolle

[chrz]

About the 3 years: I feel you,
after a year of using the manual way of defining fonts and duplicating it, with px as the default, last week I invested a whole day on learning how to use the GS in combination with REM the proper way. One day later your video went online. Would have saved a lot of time. On the other hand I'm happy about the free confirmation... :']

PS: The Clamp Generator is genius.

[tsykin]

Thanks so much for for such a in-depth guide. I finally found someone who explaned REM vs EM in Elementor 🎉

[AW-drjt]

Finally I've found a good explanation of how to define typography and what is what in Elementor. A very big thank you!

[morizanova]

I would love to have Rino in Elementor UI team . The way he explaining and give arguments with calm is something you want to have in your team .