XF 2.2 Font Issue?

VisEntities

Active member
I recently changed the font on my forum, but I've noticed that some users are seeing a different font than the one I set (They're viewing it on PC)

Anyone has any ideas?
 
So I followed instructions on GoogleFonts and added this code into the PAGE_CONTAINER template:

HTML:
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap" rel="stylesheet">

Now it did update the font on both Edge and FireFox web browsers, but not chrome, am I doing something wrong or missing something?
 
When checking the errors in the inspect page, it showed:

Screenshot_2024-06-04_013242.webp


I solved it by doing this (had wrong url of font, now updated):

HTML:
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
    <link rel="preload" href="https://fonts.gstatic.com/s/portlligatsans/v22/kmKmZrYrGBbdN1aV7Vokow6Lw4s4p7R-Tg.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap" rel="stylesheet">

The error is gone but Chrome still not updating to that font on the user's device
 
i wanted to use some custom fonts on my site.
several different ones actually.
the guy that does the tech help with my site suggested not to do that as the users have to have those fonts downloaded to their computer when they visit the first time and it slows it down.
apparently years ago he wrote a guide on how to do it.
 
You said it, have to download it only once, so it's fine, and I doubt it's even noticable. Also the font is literally 90% of the design for me, if no custom nice looking font, I rather shut down the site and leave this earth
 
his argument was more about for mobile users.
we have good speed where i live but he said not everybody was that lucky.
and that the less you pushed over the cell service the better your site speed was.
 
Back
Top Bottom