Google font application

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
cmsintent
 
 
Posts: 121
Joined: Tue Oct 09, 2007 4:59 pm
Location: Alberta, Canada
Contact:

Google font application

Post by cmsintent »

Hi Pablo ..
Using WWB v21.0.2 (Mar 27 2026)

Having issue with Google Font INTER

OPTIONS > FONTS >
My settings ...
Do not use @font-face
Checked for missing Google fonts when loading a project (enabled)
Host Google Font locally for better performance and privacy (enabled)

When I click Launch Google Font's Manager I see INTER in the list

But I notice in my local folder where I publish the site is no mention of INTER font.

After FTP to server, viewing website on PC all looks well (and Chrome WhatFont extension indicates INTER is being used), but on iPad or iPhone the font doesn't show.

ChatGTP says iPad and iPhone require woff2 format??

It gave me this code to manually add between <header></header> and this works

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?famil ... splay=swap">

But I have to add this to each page of my project.

Not sure if this a software fix? ... Or something I am missing.

Thanks .. really like v21 so far!! You are very good at what you do!
User avatar
crispy68
 
 
Posts: 3180
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Google font application

Post by crispy68 »

If you are using a Google font, you don't need to add the code manually. If you look at the code generated for the index page you will see this in the <head> section:

Code: Select all

<link href="https://fonts.googleapis.com/css?family=Inter:400&subset=latin&display=swap" rel="stylesheet">
The font family will be defined either in the html page inline or in a separate CSS filed depending on your settings in WB.
cmsintent
 
 
Posts: 121
Joined: Tue Oct 09, 2007 4:59 pm
Location: Alberta, Canada
Contact:

Re: Google font application

Post by cmsintent »

Hi crispy68 .. thanks for the reply

For whatever reason the coding you mention is not being created by publishing the index file

I have made 2 pages with only a bit of text on them .. easier to review the source coding.

Without add-on ChatGPT coding .. does not show correctly on iPad
www.moranfinancial.ca/font-test/index.html

WITH ChatGT coding .. shows correctly on iPad / iPhone
www.moranfinancial.ca/font-test/index1.html

HMMM ...
User avatar
crispy68
 
 
Posts: 3180
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Google font application

Post by crispy68 »

Can you upload a demo project file so we can download it and see your settings? It's working just fine for me so I'm unable to reproduce what you're seeing.
User avatar
crispy68
 
 
Posts: 3180
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Google font application

Post by crispy68 »

Are you sure you have the font "Inter" listed in your Google fonts manager? When you click on Google fonts manager, make sure that the font is actually in the list. Maybe try removing and readding it? When I removed it from my list then I get the same results you are getting.
cmsintent
 
 
Posts: 121
Joined: Tue Oct 09, 2007 4:59 pm
Location: Alberta, Canada
Contact:

Re: Google font application

Post by cmsintent »

Here ya go ..

www.moranfinancial.ca/font-test/font-test.zip

Zip Also contains
- screen grab for my OPTIONS > FONTS section
- screen grab of my local folder showing fonts in woff2 and tiff

Also note this appears to be an issue with only the Google Font INTER ?? https://fonts.google.com/specimen/Inter
cmsintent
 
 
Posts: 121
Joined: Tue Oct 09, 2007 4:59 pm
Location: Alberta, Canada
Contact:

Re: Google font application

Post by cmsintent »

Hi crispy68 .. did as you suggest .. remove INTER and re-added .. no change on iPad .. thanks for helping with this puzzle .. it appear to me this is an issue for this font only?? .. or at least for me
User avatar
crispy68
 
 
Posts: 3180
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Google font application

Post by crispy68 »

When I load your project file, the font is set to Arial and not Inter. When I select the text, switch it to Inter and preview, it looks correct and the code is generated properly. I have no issues with the font itself
Post Reply