-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
“[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.”
— Eric Meyer
<link> or <style> elements and adds a vendor prefix where neededstyle attribute and adds a vendor prefix where needed<link> or <style> elements, style attribute changes and CSSOM changes (requires plugin).css() method get and set unprefixed properties (requires plugin)@import-ed files is not supportedstyle attribute) won’t work in IE and Firefox < 3.6. Properties as well in Firefox < 3.6.Check this page’s stylesheet ;-)
You can also visit the Test Drive page, type in any code you want and check out how it would get prefixed for the current browser.
Just include prefixfree.js anywhere in your page. It is recommended to put it right after the stylesheets, to minimize FOUC
That’s it, you’re done!
The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.
If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix.
In older browsers like IE8, nothing will break, just properties won’t get prefixed. Which wouldn’t be useful anyway as IE8 doesn’t support much CSS3 ;)
Test the prefixing that -prefix-free would do for this browser, by writing some CSS below:
Suggest for a specific brand style (e.g., "modern tech" or "vintage bakery")?
did a little victory lap around the monitor as Elias downloaded the font, ready to bring the brand to life.
Use images with dark text on a light, solid background.
: These provide a classic "typed on paper" look. Popular options include or more distressed versions like Special Elite Handwritten Fonts : For a more personal "pen on paper" feel, search the Handdrawn category Serif Fonts
If the Matcherator doesn't find a perfect match, you can also try other popular identifiers like WhatTheFont on MyFonts or use browser extensions like WhatFont for live web text. Font Finder By Image — Fontspring Matcherator
| Problem | Likely Cause | Solution | | :--- | :--- | :--- | | No matches found | Text is too stylized or handwritten | Use a different tool (see below) or try a manual approach (Identifont’s questionnaire) | | Wrong matches (e.g., sans vs serif) | Image has noise or low contrast | Re-process the image; make the background pure white using an external editor like GIMP or Photoshop | | Matches are all commercial fonts | The font is proprietary | Look for "Free alternatives" links on the results page; Font Squirrel excels at suggesting free look-alikes | | Image contains multiple fonts | The AI is confused | Crop the image to a single word or letter in one style |
Unlike basic "what font is this" websites that only scan pixel colors, Font Squirrel’s tool actually understands typographic anatomy.
The Matcherator is more than a simple utility; it democratizes design by providing a pathway to professional-grade typography without the need for an expert eye. Identify Fonts - The Font Squirrel Matcherator
Suggest for a specific brand style (e.g., "modern tech" or "vintage bakery")?
did a little victory lap around the monitor as Elias downloaded the font, ready to bring the brand to life.
Use images with dark text on a light, solid background. matcherator font squirrel
: These provide a classic "typed on paper" look. Popular options include or more distressed versions like Special Elite Handwritten Fonts : For a more personal "pen on paper" feel, search the Handdrawn category Serif Fonts
If the Matcherator doesn't find a perfect match, you can also try other popular identifiers like WhatTheFont on MyFonts or use browser extensions like WhatFont for live web text. Font Finder By Image — Fontspring Matcherator Suggest for a specific brand style (e
| Problem | Likely Cause | Solution | | :--- | :--- | :--- | | No matches found | Text is too stylized or handwritten | Use a different tool (see below) or try a manual approach (Identifont’s questionnaire) | | Wrong matches (e.g., sans vs serif) | Image has noise or low contrast | Re-process the image; make the background pure white using an external editor like GIMP or Photoshop | | Matches are all commercial fonts | The font is proprietary | Look for "Free alternatives" links on the results page; Font Squirrel excels at suggesting free look-alikes | | Image contains multiple fonts | The AI is confused | Crop the image to a single word or letter in one style |
Unlike basic "what font is this" websites that only scan pixel colors, Font Squirrel’s tool actually understands typographic anatomy. : These provide a classic "typed on paper" look
The Matcherator is more than a simple utility; it democratizes design by providing a pathway to professional-grade typography without the need for an expert eye. Identify Fonts - The Font Squirrel Matcherator