Font not consistent when opened on an Iphone

  • Dear all,

    I’m a rookie when it comes to software technology, so please help me out here.

    I have applied some basic CSS-coding to adjust fonts etc whilst designing my website, which seems to be working well judging from what the website looks like when visited from my Macbook. However, when I open it from an iPhone all the fonts are reset to default ones. How do I fix this so the same design is displayed everywhere?

    For entry posts headline I use “Signerica Thin” and for the main body texts “Garamond”.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • For web pages, there are two parts to using fonts. You have to tell the browser where to find the font file (loading the font using @font-face) and what to apply it to (font-family: Garamond).

    Most people don’t understand the first part and think it’s all about the second part. The font-family CSS is called the “font stack”, because it’s a list of fonts to be tried in order. The first one that the browser finds a font file for, is the one shown. Typically, the last in the list is serif or sans-serif, which are generic terms to denote the font the browser has for the visitor’s device.

    There are very few fonts that are on every device. If you need everyone to see the same thing, you must load the font file. Otherwise, you can let everyone see the font they chose for their device, which actually works well for content that is translated.

Viewing 1 replies (of 1 total)
  • The topic ‘Font not consistent when opened on an Iphone’ is closed to new replies.

Tags