javascripthtmlcssfont-face
Fonts always thicker in Firefox than Chrome regardless of font-family
I am implementing @font-face into a small experimental site of mine:
http://mutanttractor.github.com/StackOverflow-Android-Dashboard/
In Chrome the header text looks like this:
In Firefox 3.6 and 4b12 it looks like this:
The 2 font is of the exact same weight and size, but this occurs no matter what the face is, even if I don't use @font-face - standard system fonts display the same irregularity, has anyone else experienced this?
Not only that, the text boxes are bigger too...
I'm on OSX 10.6 ;)
Solution
For me, in Chrome 9 on Windows 7 (vs. FF 3.6), if I disable the "text-shadow: 1px 1px 1px black;", the font thickens and matches how FF looks.
- Firebase auth: Update (not signed in user) password without use 'sendPasswordResetEmail'
- How do I add a default text to the beginning of an html text area?
- ES2015 import doesn't work (even at top-level) in Firefox
- Can a bi-directional WeakMap lead to a memory leak?
- Set the default value of an input field
- How to force background image to stretch/compress to fit div, without keeping aspect ratio
- My Javascript file won't run because of bigint error
- Using innerHTML with querySelectorAll
- What is Firebase Firestore 'Reference' data type good for?
- SVG: Convert Arcs to Cubic Bezier
- How to open modal located in child component from parent when button clicked?
- Navigation arrows are not showing
- Get week of year in JavaScript like in PHP
- How to show the date picker if I click the parent div after explictly hiding the date type input in React?
- How to disable smart quotes for textarea fields in the browser?
- Access key from child component in vue
- How can I allow document.domain on a sandboxed iframe?
- React Router useNavigate with a useEffect hook - proper way to use?
- Unable to resolve JavaScript File when Building with Astro
- CORS Error: Response to preflight request doesn't pass access control check (Shopify App)
- Append element as sibling after element?
- How to solve FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore problem?
- How to create a custom button in react-pdf-viewer?
- In Qualtrics, what can I do to make my with javasectipt embedded HTML text exactly the same as the default text?
- Peak and Flag Codility latest chellange
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- How to merge row cells in TanStack React Table v7 to v8
- How to work with leaflet polyline's context menu
- GEDCOM parser in JavaScript
- jQuery 1.3.2 -using .click()