Cannot get Google fonts to work with Toolset and my bootstrap starter theme

This thread is resolved. Here is a description of the problem and solution.

Problem:

I cannot get google web based fonts to load in my website.

Solution:

I suggest you try to follow WordPress document to register and enqueue the your custom CSS files:

https://toolset.com/forums/topic/cannot-get-google-fonts-to-work-with-toolset-and-my-bootstrap-starter-theme/#post-1209198

Relevant Documentation:

https://developer.wordpress.org/reference/functions/wp_enqueue_style/

This support ticket is created 5 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Integrating with your own theme, Layouts plugin

This topic contains 2 replies, has 2 voices.

Last updated by Robert Campbell 5 years, 8 months ago.

Assisted by: Luo Yang.

Author

Posts

March 2, 2019 at 5:47 pm #1208945

Robert Campbell

I am using Toolset with a new Bootstrap starter theme which you kindly gave me assistance to get working.

You can see my test site at hidden link

Problem: I cannot get google web based fonts to load.

As an example, I have added the following in my header
<link href="hidden link" rel="stylesheet">

And to my child theme CSS
body{
font-family: 'Srisakdi', cursive;
}

If you look at the home page using Google inspector, you can see that the font has been computed properly but is not actually rendered.

Could you have a look please and see if you can spot the problem.

Regards

Robert

March 4, 2019 at 3:41 am #1209198

Luo Yang

Dear Robert,

This is a custom CSS code problem, I have tried the URL you mentioned above, here are what I found in your website:
I don't see the CSS file was loaded in my browser, see screenshot: fonts.JPG

I suggest you try to follow WordPress document to register and enqueue the your custom CSS files:
https://developer.wordpress.org/reference/functions/wp_enqueue_style/

For example, this post from other website:
hidden link

And test again

March 4, 2019 at 8:03 pm #1209678

Robert Campbell

My issue is resolved now. Thank you!