I have been playing around with the custom font configuration first introduced in version 1.44.0
I am noticing an issue where Safari is unable to render a custom font that is correctly rendered in Chrome. Is Safari not supported for this feature? If anyone has discovered a workaround please let me know. Some light research led me to Safari having restrictions around font files with incorrect MIME types, but I am not sure how to fix this in my code or configuration. Here is my config.toml:
[theme]
font = "SF Pro"
codeFont = "SF Mono"
[[theme.fontFaces]]
family = "SF Pro"
url = "static/SF-Pro.ttf"
weight = 400
style = "normal"
[[theme.fontFaces]]
family = "SF Mono"
url = "static/SFMono.woff2"
weight = 400
style = "normal"
I do not have this deployed so here are screenshots of the fonts rendering correctly in Chrome and incorrectly in Safari.
Chrome:
Safari:
