3,445 questions
2 votes
2 answers
100 views
Why isn't font-face CSS working properly, did I mess up the file path?
I've also tried to use the src: local("") for linking the font file but that also doesn't work. There was an issue with the font-family name not matching the actual file name which was odd ...
1 vote
2 answers
131 views
Font preloading isn't working in most major browsers (except it is working in macOS Safari)
I'm trying to preload the font before the page is rendered I've already searched for solutions and found the following answers on StackOverflow: https://stackoverflow.com/a/52763507/8148505 https://...
0 votes
1 answer
307 views
How to embed a font inside a svg file [closed]
According to what I've read so far it should be possible to insert a <style>-block at the root level of the <svg>-element where I can then insert the font with @font-face. But in the ...
2 votes
1 answer
54 views
Why are my external fonts not loading in an .htm file?
I'm trying to make documentation for a mobile keyboard for toki pona, and I'm going to be sharing the file around in a Keyman keyboard package. For one reason or another, files in the package can't be ...
1 vote
2 answers
34 views
font-face not loaded when html file is not in web root folder
I read it is a old thread, but I experience the same problem as a previous question but both Son my local and on the server: Accessing fonts in different directory Dexcription: In my web root, I ...
0 votes
1 answer
69 views
Trouble adding Open Dyslexic to my wordpress theme files
I am attempting to build a Wordpress theme. For various reasons I am trying to incorporate accessibility instantly. One of the ways I am doing this is by giving the user option to choose fonts but I ...
2 votes
1 answer
150 views
CSS-first Google Font declaration doesn't work with @theme
This is my code, I tried adding config file but from documentation I saw it can be done like this: @theme { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "...
0 votes
1 answer
58 views
Multiple font-face declarations, does !important make a difference?
I have a Wordpress website, but I'm not a specialist on Wordpress. I noticed my theme had an issue with its fonts, they weren't loaded because the font-display property had fallback as value (and the ...
1 vote
0 answers
98 views
Unable to use fontsource roboto face mixins ( fontsource roboto v5.2.5 )
I am trying to use @fontsource/roboto by importing it with face mixins, offered with the library. Since the latest version v5.2.5, it adviced to use the 2 libraries @fontsource-utils/scss and @...
0 votes
0 answers
100 views
Migrating mixin faces for @fontsource/roboto from v5.1.1 to v5.2.5 on Angular App
After the introduction of @fontsource/roboto v5.2.5, it had some breaking changes including not supporting mixin faces anymore. However, it recommends using 2 other libraries to achieve this. "@...
0 votes
0 answers
157 views
Safari not displaying font-weight: 400 correctly- is bolder than other browsers
I've seen this raised a few times but with different circumstances so I'm hoping to garner some insight into this specific issue... We have a custom self-hosted font where the 400 font weight is ...
0 votes
0 answers
54 views
How do I define font-face ON a HTML page rather than in a stylesheet?
I'm trying to use the font-face rule in a style block on a html page, rather than in a style sheet. But it's not working. My aim in doing this is to improve the load time of the Largest Contentful ...
0 votes
0 answers
80 views
macOS: font weights from specific font family are not shown properly in browser / not loaded properly in font book
Goal: Render the appropriate font weight for font family Proxima Nova in Firefox and (Headless)Chrome on macOS for local visual diff tests of web page. Info: Proxima Nova, and all of its font ...
1 vote
0 answers
121 views
OTS parsing error when serving custom font in an Angular project with ExpressJS
I have an Angular project and ExpressJS webserver which serves the Angular project. I used a custom font in Angular, created a font-face like this: @font-face { font-family: 'Branda'; src: url('../...
-2 votes
1 answer
55 views
Font Path is invalid in font-face
I need to use specific Font in ASP.NET Core MVC Project, So, in css file: CSS: @font-face { font-family: "CustomFont"; src: url(css/Custom-VariableFont_slnt.ttf); } But I get error ...