All Questions
Tagged with cross-browser fonts
124
questions
3
votes
1
answer
642
views
Custom local font not applying in safari or IOS device but works on Chrome/Firefox with Next.js 14
This is my first stackoverflow post. I have been trying to figure out a solution as to why the font doesn't apply to Safari or any browser that is in an IOS device, but it works perfectly for Chrome, ...
0
votes
1
answer
71
views
Where are the HTML emoji stored?
Naively, I moved my icons to (.png) to standard HTML emoji in order to make the pages lighter. The web pages are served by a small microcontroller - ESP32.
On most devices it works fine. But on others ...
1
vote
3
answers
198
views
Is there a way to stop FireFox and Chrome from italicising emojis via CSS?
It seems that most browsers on macOS (I suspect other systems too) choose to italicize emojis, which is not what I want. Is there a way to prevent that via CSS, a flag, or an attribute tag?
I figure ...
-1
votes
2
answers
3k
views
Font weight only work with bold ones. Other doesnt work [duplicate]
I am loading fonts from my local for website. @font-face doesnt work properly. Some font weights doesnt work. Only work bold ones. When I changed font weight for light,lighter,400-500 etc it doesnt ...
0
votes
1
answer
133
views
Why is `opsz` doubled to `px` on Chromium and not on Webkit?
Variable fonts are supposed to have optical sizing proportionate to its px value automatically.
But it's not consistent in different browsers.
if font-size: 16px
in Safari and Firefox – opsz: 16
in ...
2
votes
2
answers
4k
views
Google Fonts - variable fonts not working in Windows browsers
I have a simple Next.js app that I am developing on macOS (chrome) and have only noticed something is wrong when testing on Windows (chrome, and others too).
I use the font Inter from Google Fonts, ...
1
vote
3
answers
631
views
How to ensure consistent display of fonts?
I built an SPA that displays at some point in a <div>
vider 🍽️
(🍽️ is copied from Emojipedia or Unicode Character Table).
On my Windows 10 with Chrome, this is displayed as
When running the ...
0
votes
1
answer
473
views
Cross-browser font-weight rendering
Sorts Mill Goudy is a great-looking font, and renders beautifully on Chrome.
However, it doesn't seem to have a native bold-face. (It does have italics, though.)
So, I suppose it is up to the browser ...
0
votes
1
answer
2k
views
Custom font different across browsers (Safari/Chrome/Firefox)
My custom font (Gilroy, purchased on myfonts) is having issues across browsers. The font is thicker and bigger in Chrome than on other browsers.
3
votes
2
answers
1k
views
Display monospace fonts at the same font size as their surroundings
I'm using this well known hack to make monospace fonts use the same font size as proportional ones:
code, kbd, tt, pre, samp, textarea {
font-size:1em;
font-family: monospace, monospace;
}
...
3
votes
1
answer
1k
views
SVG Fonts that are safe to use, across platforms
I making SVG diagrams that have text in them. I want the text to stay as text, and not as curves in order to keep the file size small.
This has the problem of missing fonts, though. I picked a nice ...
0
votes
1
answer
1k
views
How to prevent large fonts from looking jagged in Chrome (OSX)?
Regular fonts look normal, but large fonts look jagged in Chrome (not in Safari or Firefox). I'm using a Macbook Pro running Mojave.
Example codepen
.large {
font-size: 300px
font-weight: bold
}
...
0
votes
0
answers
189
views
Font sizes vastly different cross-browser on Android
I am trying to create a mobile version of a simple site but having an issue with vastly different font sizes depending on the browser (I'm testing on Android only right now, and don't have access to ...
1
vote
1
answer
662
views
Fonts not loading in IE11
I'm trying to figure out why the fonts aren't loading in the body section of my articles. This only happens in Internet Explorer.
Example article: https://outline.com/zzsgGV
I'm fetching from this: ...
0
votes
0
answers
63
views
Text width different across browsers
For a reason I need to get the width of the text. When I use offsetWidth, clientWidth or getBoundingClientRect, I do have differences in calculating the width of the text across different browsers, ...