[Pro] Google fonts

I am updated a website with google fonts. They look fine when they are placed in a graphic item. But when put in an HTML item, they do not display in the proper font.
I have added the HTML Markup.
What else am I missing?


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

You won’t miss anything having a look at this:

http://www.freewaytalk.net/thread/view/146263#m_146278

Never do graphic text - never.

Cheers

Thomas


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

Also see this: Using Google Web Fonts - Freeway - Softpress Talk


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

And if either of those don’t help then post a link to your example page online and we can pinpoint the problem.

David


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

Something to be aware of: There are a number of Google fonts that do not display properly in some (perhaps all) desktop versions of Safari. For example, Syncopate regular displays as bold in Safari but displays properly in other browsers, including Safari for iOS. Make sure to test your site in various browsers and don’t expect Google to ever fix such problems. Their feedback portal on Twitter is nothing but a marketing tool. They ignore tweets about issues.


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

… or don’t have any reason for reacting.

From the left to right:

Safari, Chrome, Firefox:

Did this screencast, maybe something in for you:

http://www.kimmich-digitalmedia.com/videos/015_the-coding-episodes-part8-google-webfonts

Cheers

Thomas


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

BTW - I contacted the font designer of „syncopate“ some month ago:

„… I use you Syncopate from Googlewebfonts in a website and came across a display error in Google Chrome 30 (Mac), Opera 12.6 (Mac), Safari 6.05, which will displays Syncopate 400 in bold (700). Please see http://typecast.com/preview/google/Syncopate in these three browsers. All text is bold when I review it at a Mac. Is this a common issue? […]“

„Hello Hanna,

This has been an issue that has come up before, however, I am unable to do anything from my end of things. I designed the fonts, yes, but Google handles the WebFonts service, and this is a problem in the way that certain browsers are recognizing the font styles, not a problem with the font itself. You would likely need to contact Google about this issue…“

[…]

I did contact Google indeed, but with no answer till today.

Due to the clients corporate design, I use grafic items now in her logo, etc. with the font (made in illustrator). Pitty because of the SEO.


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

OK - have to confess that (for whatever reason it worked in my local surrounding) this fails.

But we could play off another trump card which is called “Tim’s WebFont Action”.

This works pretty similar to the google web font procedure with one additional step to do:

Convert the .ttf (downloaded from google) into the .eot Format using this service:

https://www.kirsle.net/wizards/ttf2eot.cgi

Create everything exactly the same as shown in the video, apply the action to an item and choose the both formats (.ttf and .eot)

This is making “Regular” available (cause the src is now on your own machines) as shown here:

http://backstage.kimmich-digitalmedia.com/googlefonts/index.html

BTW:

It is EXTREMELY unusual to have the opportunity to recreate clients logo using a pure Webfont - right? So what would one do if he has a pure pixel based logo (99%)? Should he really be concerned about SEO? I think there are way more opportunities out there to flag a logo properly.

Just some keywords:

  1. Alt-text (warning: keep it clean and simple)
  2. Proper file-names for the source
  3. Link and title attributes

Even the -9999px positioning could be discussed or better this solution:

which would mean to push semantic text off canvas but part of the DOM.

Cheers

Thomas


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

*Thomas

Yes sure, Thomas. My posting was about Googlewebfonts and what the fontdesigner and Google say to this matter and not about SEO technics I use.

I created the logo in the first time, it was not a recreation. I have chosen Syncopate deliberately for the clients logo (her name) and it would have been easiy to use it in FW as webfont, I discovered the error later.

SEO works pretty good even with a grafic item as logo. I use another webfont for sublines and text. In my experience there are in adition other successful “wheels to turn” for good SEO results.


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