Google Fonts Kanit are not rendering in Chrome

389 views
Skip to first unread message

R Scholten

unread,
Dec 21, 2017, 4:52:49 AM12/21/17
to Google Chrome Developer Tools
I have loaded
@import url('https://fonts.googleapis.com/css?family=Kanit'); in the top of my css file.
in a class: font-family: 'Kanit', sans-serif;
In all browsers the font is displayed correct but not in Chrome.

Version 63.0.3239.84 (Official Build) (64-bit)

All things tried like deleting local + server cache. Without any result.
The issue persist in incognito mode as well.

What do I have to do to fix this?

Kayce Basques

unread,
Dec 21, 2017, 1:48:30 PM12/21/17
to Google Chrome Developer Tools
It's working correctly for me! In the bottom-right of my DevTools window, note that the rendered font is "Kanit".



Version: 65.0.3299.0 (Official Build) canary (64-bit), Mac OS X


This means:

  • It could have been a regression that was fixed in later versions of Chrome. If you're on Windows or Mac, try Chrome Canary to see if the issue is still there in the latest Chrome code.
  • It's a regression that's only present in certain OSs.
  • It's unique to your machine. Try running in Incognito Mode to see if the issue persists.

R Scholten

unread,
Dec 26, 2017, 1:28:20 AM12/26/17
to Google Chrome Developer Tools
  • It could have been a regression that was fixed in later versions of Chrome. If you're on Windows or Mac, try Chrome Canary to see if the issue is still there in the latest Chrome code.
    • Using: Google Chrome is up to date Version 63.0.3239.108 (Official Build) (64-bit) means latest version
  • It's unique to your machine. Try running in Incognito Mode to see if the issue persists.
    • It is also persist when running in Incognito Mode

PhistucK

unread,
Dec 26, 2017, 1:34:11 AM12/26/17
to Google Chrome Developer Tools
You were advised to try the canary (if you are using macOS or Windows), did you try that?

Also, if you do not supply a URL that can be tested by others, it is really hard to help.

Note that this group discusses the Developer Tools feature of Google Chrome and not general web development issues, so next time, please, use stackoverflow.com - or report this at crbug.com if you really think this is a Chrome issue.


PhistucK

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/c0d1c826-89ed-477e-bc0b-71d1613fb7d8%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

R Scholten

unread,
Dec 27, 2017, 11:44:40 AM12/27/17
to Google Chrome Developer Tools
I have sold issue by upload the font set to my server and add this to the css file:
@font-face {
    font-family:'Kanit';
    src: url("Kanit-ExtraBoldItalic.ttf")
Reply all
Reply to author
Forward
0 new messages