Change font of the whole website

  • Resolved Ole Kristiansen

    (@olekristiansen)


    1 year, 2 months ago

    Hi,

    I tried changing the font of the whole webpage. Changed the global font under Costumize and the same with Elementor. It didn’t change much. Some texts were changed but the vast majority remained the same.

    I’m trying to change it from Playfair to Montserrat. 

    The only thing that worked was a CSS code:
    




    * {     font-family: Montserrat, sans-serif !important; }
    




    




    It changed all the fonts but f*cked up all the icons I have on the site. 
    




    Please help me so I don’t spend days changing all the text in the site.  
    




    





				
    The page I need help with: [log in to see the link]
    
			
    

			
		
    

	
    • 





		
		
			


	
Viewing 3 replies - 1 through 3 (of 3 total)

	





			

    

	
  • 

		
			

    

	
    

		
		station7
		
    (@station7)
    
		
		
		
    

		
    1 year, 2 months ago
    

		
		
		
    

	
    

	
    

		
		
    Does it work without the !important? Because the !important will force all fonts including the icon fonts. So for step 1, remove !important and see if you get your desired result.
    




    If this is the only way to override all fonts declared anywhere on the site,  though, you can add another exception for your font icons like this:
    




    .fa, .fas { font-family: "Font Awesome 5 Free" !important; }
    




    Ensure to have this line after the one you have in your original post.
    

		
	
    

	
	
	

    

		
			

    

	
    

		Thread Starter
		Ole Kristiansen
		
    (@olekristiansen)
    
		
		
		
    

		
    1 year, 2 months ago
    

		
		
		
    

	
    

	
    

		
		
    Thank you so much, station7!
    




    It worked. Elementor backend lost its icons, but I can live with that as long as the icons of the website work. 
    

		
	
    

	
	
	

    

		
			

    

	
    

		
		Herman Asrori (BSF)
		
    (@bsfherman)
    
		
		
		
    

		
    1 year, 2 months ago
    

		
		
		
    

	
    

	
    

		
		
    Good to know that you have found a workaround for your case, @olekristiansen.
    

    Please mark this thread as Resolved and feel free to start a new thread if there is anything else related to Astra we can help you with.
    

    Kind regards,
    
Herman 😊
    

		
	
    

	
	
	

    

		
	
    • 





			


	
Viewing 3 replies - 1 through 3 (of 3 total)

	





		
		

	

		

			
    
				
  • The topic ‘Change font of the whole website’ is closed to new replies.
    •