Use Custom Fonts on Existing Website Build - Remove Google Font - Elementor Font Wordpress Tutorial

This is how to Use Custom Fonts on Existing Website Build - Remove Google Font - Elementor Font Wordpress Tutorial

We love to create - share - respond - and deliver.

Hire us to work on your Website!

[aquariusageartist]

Thank you soooo much for this video!!! Now its totally clear :-)

[coffeebot]

I like the idea of nature and the universe choosing font names.

[hamzaafridi]

Perfectly explained! I always got confuse in them, But not anymore. Thank You So Much!

[akinsanmitaiwo]

Thanks for the tutorial. Wish I could smash the like button a hundred times.

[Restoredetailaz]

Appreciate your help with your videos! What's your recommendations for for each device page content width in the site settings?

[dominmax]

Hi, as far as subset (lat-ext in my case) is concerned it works for me but only using ttf (not woff2) font file (downloaded straight from google fonts site).

[Steve-xlon]

Thanks for this! Super useful for existing sites!! Would it also work if the font used throughout the site is 'Default' if you load that specific font as a custom font?

[QuaverloveStudio]

Thanks again, Imran
What you you think of using fonts by way of Adobe Fonts web project facility in Elementor Pro, or at all?

[werbekueche]

Thank you for this great and compact explanation! A very important topic that I am currently working on. I have 2 questions about it and would be very happy if you could help me. This may also be of interest to the community. Firstly, I have a customer who would like to use the "Georgia" font. As a system font, I don't have to upload it and I can't influence which font weights I want to use, can I? On the other hand, there are some Variable Google Fonts. Do you know how I can upload these to Elementor so that they work properly? Many thanks and best regards from Germany.

[Restoredetailaz]

Hey Web Squadron! Do you recommend using only WOFF2, and disregard uploading the other file formats when adding custom fonts?

[douglascapron]

Excellent, very helpful. So suppose I followed these steps and uploaded the fonts needed for the site, there is no need to disable or "turn off" google fonts?

[sandynash]

Hi Imran, any solution for a website not using Elementor Pro? I've followed this advice on a couple of sites but I'm just setting a very basic site up and wonder how to keep the site fast. Any easy fix or do I just wait until we're ready to upgrade this site to Elementor Pro too? Thanks

[Greg.Mika.]

Hey Imran, just followed your advice and now I don’t have the bold version of my text that I used with the html <strong> in the text editor, instead I have a weak one (like 500 in place of 700).
Is there something I’m missing?
I have uploaded the correct weight in the custom font family and doubled it in both 700 and Bold to be sure… so, I don’t know. I’ using Poppins, btw.
Cheers.

[nidarahman]

hi, imran, will there be a fall back font if we disable google fonts from the settings

[kaludactn]

Thanks for the videos! How I transform the ttf font to woff2?

[umairsheikh]

Does custom fonts will decrease site speed? Or affect anything?

[teddy_kim]

The size of my Woff and Woff2 files is too large. Each style varies from 1920 to 3000 Kb. What should I do in this case?

[alvianuspradytya]

Does it only apply to elementor-pro member?

[christianlecuyer]

Hi Imran, If I got 98% on mobile from pagespeed insight with Google Font, will I reach 100% with custom fonts?

[RobbDev]

Important question, how do you preload Custom Fonts?