Font used in pkgdown docs on cyncra.com (e.g. of the dm package) is blurry, at least in Edge and Firefox on Windows

[jranke]

I only tested Edge and Firefox on Windows, but the font used in these browsers is blurry, which makes the documentation hard to read.

[maelle]

Thanks @jranke for reporting!

Do you see any error message in the Web Developer Console? See for instance https://firefox-source-docs.mozilla.org/devtools-user/web_console/ and https://firefox-source-docs.mozilla.org/devtools-user/web_console/console_messages/index.html

[jranke]

In firefox on Linux, as I am using right now it is fine. Will check the Web Developer Console next week on Windows and report back.

[maelle]

Good that you at least get a nice reading experience on Linux 😅 (I use Firefox on Ubuntu too!) Thank you!

[jranke]

For some reason it's partly fixed when viewing with Firefox on Windows now, but still some text is blurred, e.g. the version number and the word Author in the sidebar to the right.

I do get a couple of "Invalid property name" warnings in the CSS analysis window of the Developer Tools, e.g.

for the body tag of the page. But I do not know if this is related.

[jranke]

On edge, everything is still blurred

[maelle]

@jranke thank you! In the console part of the console (the icon near Elemente I think), are there error messages?

[jranke]

Yes, there are in fact error messages in Edge:

I would not think that they are related though.

[maelle]

@jranke I am so sorry for the delay! Does https://cynkratemplate.cynkra.com/ look better? Does https://cynkra.com look ok to you? I switched to using the same font rules as the main website.

[jranke]

Hi, https://cynkra.com looks nice in my Firefox on Windows, Edge does for some reason not work at the moment over here. The fonts on the cynkratemplate.com site look very basic, like arial or similar, but are definitely much more readable than https://dm.cynkra.com (all on Firefox at the moment).

[maelle]

@jranke note we're working on fonts, see #52 that hopefully will help. Thanks for your patience!

[talpitoo]

@maelle although the work under https://github.com/cynkra/cynkraweb/issues/662 unifies the fonts usage technically, i haven't tested in Edge. With the new font setup the most important part is to stick to the existing font weights: 300, 400 and 700 because any other value would be rendered with the browser's faux styles. cc. @christophsax In case we notice a font issue, this is the first thing we need to check, just a FYI.

[jranke]

Just to add that https://dm.cynkra.com is still blurry on Windows (Edge and Firefox). Could it be that the firewall of Agroscope is preventing the availability of your font?

[talpitoo]

1. After inspecting the network tab, i can verify that the correct fonts are not loaded on https://dm.cynkra.com/
2. https://www.cynkra.com/ has the correct fonts, implemented here https://github.com/cynkra/cynkraweb/blob/main/www/user/_fonts.scss
3. https://blog.cynkra.com/ has the correct fonts, implemented here https://github.com/cynkra/cynkratemplate/blob/main/inst/pkgdown/extra.scss#L1
4. migrated the updated fonts solution from https://github.com/cynkra/cy… dm#2199 is still open
5. correct URLs (to look for when verifying):

• https://www.cynkra.com/assets/css/fonts/6135829/b05d44ef-6a78-4aa4-9388-3f0e05252a48.woff2
• https://www.cynkra.com/assets/css/fonts/1449009/b3ca2df2-7bee-4fc0-84cb-b029b99c3b61.woff2

TL;DR i suspect the issue is because cynkra/dm#2199 is not merged. We might need devops help to resolve the failing build, cc. @maelle @christophsax

[maelle]

@talpitoo can you please remind me what the problem is?

[talpitoo]

@maelle please see the "TL;DR" in my previous comment. I am not sure if you can resolve that build issue in the PR, if not, we might need devops help to proceed with cynkra/dm#2199, cc. @christophsax

[maelle]

thanks for your patience 🙏