regex for parsing @font-face

This site is best viewed in a modern browser with JavaScript enabled.

greed83

Hey all,

I'm trying to figure out how to setup a regex that will grab everything included in a CSS @font-face declaration for parsing. I am at a loss and not great with this.

I have an example of a regex expression that grabs everything in the way I need it for a CSS @import statement.

var RE_IMPORT = /@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))\s*([^;]*);/g;

Just ask if I'm missing any required info.

Cheers,
Graeme

007Julien

Unless I am mistaken, this /@font-face\s*{[^}]+}/g regular expression will capture all @fontface declaration.

We capture all string beginning with @font-face, followed with : zero or more () space or tab...(\s), one opening curly brace (which is to escape with a backslash), one or more (the + sign after the closing square bracket) non (⁾ closing curly brace characters and one closing curly brace. The g for general will make all capture and not only the first.
A \s at the end of the regular expression (just before the backslash) could capture all spaces, tabulations, carriage returns or line feeds at the end of the pattern.