Michael van Laar Posted July 17, 2012 Posted July 17, 2012 After reading the PW documentation I decided to utilize a small client project as a CMS test case. Fortunately everything went well I only needed 40 minutes to show my colleague who did the content editing part, how the CMS works. I never did such a short CMS training, even if I always customize every CMS backend I use in such a way to make it as DAU-proof as possible ;-) So here it is – just a nice little website which makes quite heavy use of PW’s image and thumbnail handling (e.g. for all the different logo and image sizes): www.campusroethelheimpark-erlangen.de 1
yellowled Posted July 17, 2012 Posted July 17, 2012 Very nice. Cufon is a it of a bummer, but let me guess … corporate font not available as a webfont? Also nice to find out that DAU actually translates. I always thought is was a German-only acronym.
Michael van Laar Posted July 17, 2012 Author Posted July 17, 2012 @yellowled: The font is available via Typekit. That’s not the problem. But it looks really awful on Windows machines – even with the latest version of ClearType activated. So I decided to use cufón (for the first and hopefully only time, by the way).
arjen Posted July 17, 2012 Posted July 17, 2012 Looking very good! Nice logo too! Really like how to design is incorporated in the website like the cut logo on the top of a page.
yellowled Posted July 17, 2012 Posted July 17, 2012 But it looks really awful on Windows machines – even with the latest version of ClearType activated. From my experience, that's true for any webfont. TypeKit, Google Webfonts, self-hosted, doesn't really make a difference. What's most striking is that they look okay-ish in IE9.
Michael van Laar Posted July 17, 2012 Author Posted July 17, 2012 From my experience, that's true for any webfont. TypeKit, Google Webfonts, self-hosted, doesn't really make a difference. What's most striking is that they look okay-ish in IE9. It’s not that easy. The display quality of a font file, using ClearType technology, depends on what’s in the font file. E.g. the OTF font format is only a container. The “real” font file inside the OTF container can be either PostScript or TrueType. If a PostScript File is inside, chances are good that it looks smooth in big font sizes. That’s because Windows falls back to standard (which means grayscale) font smooting instead of ClearType for PostScript fonts. Grayscale smoothing is not crips enough for small font sizes, but usually looks good for big sizes. So wether a webfont looks good on a windows machine depends on the type of font file combined with the used font size and font smoothing technology. 2
yellowled Posted July 17, 2012 Posted July 17, 2012 If a PostScript File is inside, chances are good that it looks smooth in big font sizes. Interesting, but … correct me if I'm wrong, but most font services as well as the fontsquirrel generator don't even use .otf font files any longer. Most of them seem to use the Fontspring syntax now, which usually includes .eot, .woff and .ttf plus (optionally) .svg for older iphones … or do .eot (being embedded OpenType) have the same effect with PostScript or TrueType?
Michael van Laar Posted July 17, 2012 Author Posted July 17, 2012 Most of them seem to use the Fontspring syntax now, which usually includes .eot, .woff and .ttf plus (optionally) .svg for older iphones … or do .eot (being embedded OpenType) have the same effect with PostScript or TrueType? A woff file is a container format, too. It is a repackaged version of a TrueType or OpenType font in a compressed form. TTF and also EOT (since an EOT file is created based on a TTF file) always trigger ClearType font smoothing. SVG is only for old iOS devices.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now