[Pro] Font issue. iPad v mac

Hello everyone,

I’m having a bit of a font issue.

When I view my site on an iPad the font I’m using displays perfectly. But when I view it on my mac laptop it comes out bolder. Any ideas?

Please view the very top header on the site as an example.

I’m using the web fonts action.

Thank you in advance for your help.

Mark Lawrence

www.mark-lawrence.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I see no distinction between my iPad (iOS5) or my Desktop (Safari 7 or
Chrome 32)


Ernie Simpson

On Tue, Jan 21, 2014 at 3:48 AM, Mark Lawrence email@hiddenwrote:

Hello everyone,

I’m having a bit of a font issue.

When I view my site on an iPad the font I’m using displays perfectly. But
when I view it on my mac laptop it comes out bolder. Any ideas?

Please view the very top header on the site as an example.

I’m using the web fonts action.

Thank you in advance for your help.

Mark Lawrence

www.mark-lawrence.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Ernie,

That’s strange. I’m definitely seeing a slightly thicker version of the font on my mac (Safari 6) and in Chrome 32, than I do on my iPad.

If you look at the words ‘MARK LAWRENCE’ at the top, they appear to be a very slightly heavier weight than on the iPad.

If you don’t see it though, maybe I’m going mad! :slight_smile:

Thanks for your help,

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Looks fine to me as well on iPhone (iOS7) and desktop Safari 5.1.1

However I am not seeing the full style declaration to cover other font formats ie ttf, woff and svg.

@font-face { font-family: Gotham; src:url("Resources/gothamlight.eot"); src:local("Gotham"), url("Resources/Gotham-Light.otf"); }

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Let me say it that way (cause I haven’t had the opportunity to check and compare - unfortunately I have no iPad :frowning: :

You use WebFonts, therefor you load and share Font-files (usually .ttf/.otf and .eot/.woff or whatever). Those have to be seen as “images”.

Conclusion:

Either the basic font-sets differ slightly (Resource spoken) or it’s a matter of display-technology, resolution blabla) of the different devices.

In fact nothing I would mind about longer than three seconds.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave,

Using the Web Fonts Action, it says eot (which I’ve inserted) and ttf/otf (I’ve used the otf).

How would I add woff and svg?

Just to check though, that you’re only viewing the homepage text at the top? The others are currently images which I’m in the process of changing.

Thank you,

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 21 Jan 2014, 8:41 am, DeltaDave wrote:

Looks fine to me as well on iPhone (iOS7) and desktop Safari 5.1.1

However I am not seeing the full style declaration to cover other font formats ie ttf, woff and svg.

@font-face { font-family: Gotham; src:url("Resources/gothamlight.eot"); src:local("Gotham"), url("Resources/Gotham-Light.otf"); }

David

Good call, very good call. I can’t see any declaration with the result that IE displays it as Times.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options