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?
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.
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 Monotype Fonts. | Monotype. in these three browsers. All text is bold when I review it at a Mac. Is this a common issue? […]“
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.
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:
Alt-text (warning: keep it clean and simple)
Proper file-names for the source
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.
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.