Google font not displaying – Themeco Community

Google font not displaying

Raphael G — Tue, 08 Jul 2014 21:54:10 +0000

Hi
i’m trying to experiment and find the right font for my titles on my home page.
I set a couple of feature headlines by editing the “style” box for inline CSS

Some of them are not working

e.g

I set one to reflect
font-family: ‘Raleway’, sans-serif; font-size: 200%; color: #006730; font-weight: 400;

But i’m just having no luck seeing this font show up

Any ideas?

Reply To: Google font not displaying

Raphael G — Tue, 08 Jul 2014 21:56:20 +0000

This reply has been marked as private.

Reply To: Google font not displaying

Zeshan — Wed, 09 Jul 2014 20:48:24 +0000

Hi Raphael,

Thank you for writing in!

Upon checking your website, it seems that the heading where you have added the inline styling for Google font is working nicely. screenshot: http://prntscr.com/412y8w

If you want to add default font for all of the headline tags, just add the following CSS to Customizer > Custom > CSS:

.h-feature-headline {
   font-family: 'Raleway', sans-serif;
}

Hope this helps. If you face any issue, please let us know. We’ll be happy to assist. 🙂

Thank you.

Reply To: Google font not displaying

Raphael G — Thu, 10 Jul 2014 16:03:55 +0000

Thank you for your response.

What browser are you using?

I have tried viewing this on Chrome, Internet Explorer and Firefox, but all the titles are appearing with the same font.
I have also cleared caches, no luck

your suggestion that I try adding custom CSS wont really help me, I’m still experimenting which font i like, so for now, i’d like to have all 3 with different fonts

Any suggestions as to what is going on?

Reply To: Google font not displaying

Rad — Fri, 11 Jul 2014 19:39:49 +0000

Hi Raphael,

You don’t have Raleway font installed at your site. Would you mind enabling it under Customizer > Typography ? OR maybe add this code at your child theme’s functions.php

add_action('wp_head','raleway_font');
function raleway_font(){ ?>


Let us know how it goes.



Reply To: Google font not displaying
Raphael G — Mon, 14 Jul 2014 23:13:15 +0000

						Custom fonts were long enabled, in the customizer
How would the other fonts near the top of the page be functioning??
All said and done, the fonts do not seem to be loading (unless I add them to the child theme, but i’d rather the former option worked) 
						


Reply To: Google font not displaying
Christian — Wed, 16 Jul 2014 02:13:49 +0000

						Hey Raphael,
Upon checking your Typography Settings, you haven’t enabled the Raleway Font. You must select the Raleway font for your heading (see http://prntscr.com/434ac2) so that it will be loaded in your site. If you don’t want to use Raleway as global font for your headings, you need to add the given code previously in the functions.php to load the Raleway font and use it for your Custom Headlines.
Hope that helps. 🙂
						


Reply To: Google font not displaying
Raphael G — Wed, 16 Jul 2014 04:18:35 +0000

						ok, i’m confused.

The “enabling raleway font” you specify, means its set for all headings across the site
What i was trying to do, was to select it, thru the custom css tag, for various titles on the front page. 
						


Reply To: Google font not displaying
Kory — Wed, 16 Jul 2014 21:08:11 +0000

						Raphael,
The fonts used in X all come from Google Fonts, so to use them you must download them to your webpage through one of many methods. Simply declaring “Raleway” as a font-family for a heading won’t work unless you have the Raleway font for that particular weight and style enqueued on your site. Selecting the options in the Custoimzer automates this process and automatically enqueues the proper stylesheets for a particular font into the  of your site and updates the dynamic CSS output to apply the proper font-family, font-weight, and font-style to a font. If you are merely experimenting with fonts, you will need to manually add each Google Font by going to their website, selecting what you want, getting the proper enqueue codes, and placing them where they need to go. The easiest thing to do would probably be to use the @import method on the Collections screen after you have selected the fonts to add to your collection. Get these @import statements and add them to the style.css file of your child theme. Only once you have properly imported a font onto your site, then you can start using it’s declaration for font-family in your CSS. Also, keep in mind that you must import the proper weights and styles as mentioned above as well. If you want to try out Lato 100, you’ll need to import that font. If you’re importing Lato 400 only, you will not have access to Lato 100. Additionally, there are italic versions of fonts as well, so make sure you use those if you’re experimenting with a different font-style.
Hopefully this clears up this matter for you. Thanks!
						


Reply To: Google font not displaying
mandy5230 — Fri, 18 Dec 2015 22:34:41 +0000

						Hi, 
I still have this problem. I basically want my h1 heading to be a certain font, and the rest of my headings to be another font. I will be using google font for both. What’s the easier way to do this without having to create a child theme? 
Thank you. 
Mandy