css font family : Why some font doesn't render on mobile
Does any one know why some of my font families won't render on some mobile devices? Here's a page that demonstrates the fonts:
The fonts render properly on desktop chrome browser, ipad and iphone. But when i view that page on my galaxy note, the Have A Nice Day font renders as something that looks like arial. On my friends nexus 4, Have a nice day works fine, but the universe condense renders as something that looks like arial.
Does anyone know why?
I've attached screenshot of what the fonts should look like
Additional notes some people claim Have a nice day is not working in Firefox or IE10. For me, the font works on Firefox. I don't have IE10, so unable to verify.
How do I make this font work on my android?
Additional Notes I had a typing mistake in my link path to my css files. I've corrected it now. But the problem still appears in my droid browser.
The problem has been fixed. Apparently there was a bug on myfonts.com that corrupted my font files. I contacted myfonts.com and they corrected the issue right away. Then re-sent me the font files. Now everything works perfectly.
The guys at myfonts.com are amazing. Very good customer + tech support services.
- How to exclude an element from view transitions?
- Nesting pseudo-elements inside pseudo-elements
- Using margin on flex items
- How to disable scrolling in the background when the mobile menu is open?
- Is there a way to make a custom border in CSS?
- How to make border with square on corners?
- Position absolute with Left:100% , Child element goes out of the parent continer
- How to setup TailwindCSS in Angular 11.2.0 or lower
- How can I target a specific column or row in a CSS grid layout?
- React Chat Page with Leftbar, Toggle and Bot Component
- What are the differences between @use and @forward in SASS?
- How to Style Blazor InputFile Component
- How to include only part of font-awesome
- Resize Tables with css
- CSS: Getting my sidebar to not be on top of my other content
- How to align checkboxes and their labels consistently cross-browsers
- Does every browser support all unicode?
- Create responsive table using flexbox
- Targeting only Firefox with CSS
- Is it possible to detect Firefox users in pure CSS?
- Is it possible to adjust mat-form-field-outline thickness?
- CSS: center a fixed div
- How to clone an item of a list "li" several times with incremental ids and values
- Angular focus on input while clicking an element
- I'm having trouble with react-datepicker position
- Target first `li` having specific class inside `ul` with css only
- How to position a popover in css
- <h1> element vs "text-h1" class
- How do I highlight text linked to from a separate webpage?
- Rotate SVG path using CSS