Skip to Main Content
User Agent Man ·
Discoveries of a Client Side Web Developer
●Home
●About
●Current Projects
●Development Tools
●FAQ
●Acknowledgments
●RSS
●Enable
Contact Me
@zoltandulac
@zoltandulac@mastodon.social
@zoltandulac
Zoltan Hawryluk
Javascript on to email me.
Categories
●3d
●accessibility
●modal role
●Color
●Cygwin
●Internationalization
●Localization
●math
●server side tech
●Technologies
●ClearType
●CSS
●CSS3
●animation
●border-image
●box-shadow
●cursor
●flex-layout
●gradients
●hsl/hsla
●matrix
●matrix3d
●order
●psuedo-classes
●rgb/rgba
●standard proposal
●text-shadow
●transform
●transform3d
●transition
●viewport units
●IE Visual Filters
●Fonts
●@font-face
●converting
●FontForge
●HTML
●Forms
●HTML5
●canvas
●Custom Data Attributes
●dialog
●Drag and Drop
●Events
●forms
●progress
●pushState
●Ruby
●Images
●JavaScript
●animation
●Events
●jQuery
●Polyfills
●requestAnimationFrame
●XML
●SVG
●VML
●transform3d
●Uncategorized
●utf8
●video
Skip to Main Navigation
Entries Tagged as 'Fonts'
February 27th, 2011 by zoltan · 50 Comments
FontForge, as far as I can tell, is the best free font editing and conversion tool available for all operating systems. The problem is, the average user may have difficulty getting it to work under Windows. Because a lot of web designers out there may not be familiar with UNIX command shells and Cygwin, I have written this blog post to help.
[Read more »]
Tags: @font-face · converting · Cygwin · FontForge · Fonts
February 20th, 2011 by zoltan · 21 Comments
I love experimenting with web fonts, but using the hodgepodge of free and open source desktop tools to convert them manually is time consuming. This inspired me to write a command line tool that would convert them all at once and create the CSS code like Font Squirrel’s generator. The result is a shell script that uses FontForge, Batik and Readable Web’s EOTFast to do the heavy lifting.
[Read more »]
Tags: @font-face · converting · CSS · CSS3 · Cygwin · FontForge · Fonts
September 7th, 2010 by zoltan · 5 Comments
Have a font that doesn’t have an italics variant? Does your browser try to attempt to “obliquify” it (badly) or not do anything at all? There is a simple solution to this problem using CSS3 Transforms.
[Read more »]
Tags: @font-face · CSS · CSS3 · Fonts · transform
September 2nd, 2010 by zoltan · 17 Comments
Ever had a problem with using IE’s Alpha Visual Filter and getting blocky text? A solution has been found, and it doesn’t use JavaScript. I expect to hear a sigh of relief from many developers.
[Read more »]
Tags: @font-face · ClearType · CSS · CSS3 · Fonts · IE Visual Filters
November 30th, 2009 by zoltan · 1 Comment
Join a project that will allow developers to find ways to make web type look better right now.
[Read more »]
Tags: @font-face · CSS · CSS3 · Fonts
November 29th, 2009 by zoltan · 74 Comments
Not all @font-face fonts look good when font-smoothing is turned off. Now you can detect whether a font smoothing technology is being used and serve alternative fonts for those users.
[Read more »]
Tags: @font-face · ClearType · CSS · CSS3 · Fonts · JavaScript
October 9th, 2009 by zoltan · 10 Comments
My first post @font-face in Depth got a huge amount of unexpected attention. Thank you all for your comments and criticism. Since the post, there have been quite a bit of information I have read about and thought I should share. SVG fonts for Opera and Chrome Jonathan Snook wrote a great article regarding Opera […]
[Read more »]
Tags: @font-face · CSS · Fonts · SVG
September 20th, 2009 by admin · 68 Comments
The fact that we can now choose any font to embed inside our web pages and applications using @font-face is something to celebrate, and removes a long existing set of handcuffs placed on web designers. This article covers how to use @font-face in all browsers, as well as some interesting little-known technical details.
[Read more »]
Tags: @font-face · ClearType · converting · CSS · FontForge · Fonts
© 2009 - 2026 — Zoltan "Du Lac" Hawryluk