public marks

PUBLIC MARKS from sbrothier with tags javascript & typography



Boing Boing’s Redesign Uncovers the Dark Side of Web Fonts | Webmonkey |

So does that mean there isn’t going to be a way to use @font-face until Windows XP is a dim memory? Well you could always use JavaScript to detect the operating system and selectively applying @font-face to an OS that can render it. That (among other things, like licensing complexities) is one of the potential problems startups like the TypeKit project are hoping to solve.

How to Detect Font-Smoothing Using JavaScript

by 1 other (via)
Testing font-smoothing in most Windows web browsers is easy since it can be turned off inside the Display control panel. However, when using Safari for Windows, it is necessary to navigate inside Safari’s Appearance preferences and set the Font-smoothing option to Windows Standard.


Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof

by 2 others
veryone wants @font-face to work everywhere, but as it stands, it only works in Safari and the upcoming versions of Firefox and Opera. In this article I’ll show you how to use Cufón only if we can’t load the font through other, faster methods.

Exploring Cufón, a sIFR alternative for font embedding ~ Authentic Boredom

by 1 other (via)
Thanks to a tweet from Jason Santa Maria a few weeks ago (and his help since), I was pointed to Cufón, which “aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.” I’ll refer to these tests again in a minute, but feel free to jump ahead to these Cufón test pages that I’ve put together.

About - cufon - GitHub

by 1 other (via)
Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set: 1. No plug-ins required – it can only use features natively supported by the client 2. Compatibility – it has to work on every major browser on the market 3. Ease of use – no or near-zero configuration needed for standard use cases 4. Speed – it has to be fast, even for sufficiently large amounts of text And now, after nearly a year of planning and research we believe that these requirements have been met.


typeface.js -- Rendering text with Javascript, <canvas>, and VML

by 12 others
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site.

sIFR Tutorial: Use Your Own Fonts

Even though sIFR has been around for a couple years, many web designers have still never heard of it, let alone use it. sIFR (or Scalable Inman Flash Replacement) allows you to use custom typography on your site by utilizing JavaScript, Flash, and CSS. While most people simply create images when they need a custom-type title, sIFR can dynamically create short text blocks using whatever font you want (while still rendering the text with a default font on non-Flash browsers).


Novemberborn: sIFR 3: Updates

Life’s busy as usual, but it’s been too long since I last wrote about sIFR. Using the wonders of modern technology I’ve been writing and posting this from a train speeding towards Rotterdam, where I’ll be dropping by at the Xopus booth at ECM Plaza. Afterwards I’ll be going to a place-supposedly-unknown on a company holiday with Q42 and Xopus. (How cool is that, eh?! We’re hiring, too) So anyway, that’s just to tell you that I won’t be responding to questions in the next few days.

sIFR Documentation & FAQ

by 1 other (via)
sIFR lets you use your favorite font on your websites by cleverly working with Flash, JavaScript and CSS. Here you'll find it's documentation and the FAQ. Leave a link to your implementation in the Examples!


Operating System and Browser Detection | Cleartype detection

You will be able to see all kinds of detailed information about your computer and your browser. What kind of things it supports and what it doesn't support. Also, you'll see detailed information about JavaScript, Java, Plug-ins, Components, Screen Resolution, Hardware, Cookies, and more....