CSS3

Tweet The W3C CSS Working Group have released two further updated working draft specifications for CSS3. The first, released on 11 March, sees a major overhaul of the CSS3 Flexible Box Layout module. The second, released on 24 March, brings several enhancements to the CSS3 Fonts module.

Tweet Font Dragr is a HTML5/CSS3 powered web app for testing custom web fonts. The app allows you to drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts into the webpage for an instant preview of how the font will be rendered in the browser, […]

Tweet Mozilla has joined a growing list of organizations to throw their support behind the Web Open Font Format (WOFF) and will support the embedding of WOFF fonts via @font-face from Firefox 3.6 onwards, or if you’re a developer and want to play around with this now, just download a recent nightly build or beta.

Tweet After many man-hours of work, Opera has unleashed Opera 10. This release contains the Opera Presto 2.2 rendering engine. The two main features in regards to CSS3 are Web Fonts and full support for the CSS 3 Color specification.

Tweet CSS3 Fonts properties Property Presto 2.2 WebKit 4 Gecko 1.9.1 Trident font-family Yes Yes Yes font-weight Yes Yes Yes font-stretch No No No No font-style Yes Yes Yes font-variant Yes Yes Yes font-size Yes Yes Yes font-size-adjust No No Yes No font Yes Yes Yes Fonts resources Property Presto 2.2 WebKit 4 Gecko 1.9.1 […]

Mozilla employee John Daggett has provided some try‐out builds of Firefox with support for the @font-face from CSS3’s web-fonts module.

Tweet While browsing TechCrunch this morning, I stumbled across the site for iPhone developers tap tap tap, who had published their sales figures for iPhone apps in the first month. While these were very interesting, what’s even more interesting is the absolutely fabulous way in which these guys are using @font-face. If you check their […]

Tweet Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website […]

Tweet The latest Webkit builds now support an open implementation of the @font-face rule, which we wrote about some time ago. Recent articles by Håkon Wium Lie had indicated that Opera might be first to market with this, but the Webkit team seem to have beaten them to it. In short, @font-face allows you to […]

Tweet After the issue of the overhauled CSS3 Text module recently, I wonder if the Fonts module is due for similar treatment? The current working draft states: The working group believes this draft is stable and it therefore issues a last call for comments, before requesting the status of Candidate Recommendation for the draft. The […]