You are here

Flexible Font-Size According to Browser Width

If you're a web-designer you probably have noticed a rising trend for "responsive designs." These are designs that are fluid and adapt to the sizes of the screen they are being viewed. It is truly amazing to be able to have one theme that works as perfectly on a 27 inch monitor as it does on a mobile device. While it can be a tricky task to achieve this level of "cross browser" compatibility, there are already quite a few resources online to get you started:

Now, when doing some research on the subject one thing struck me, there are close to no plugins that would allow for flexible font sizes. Now I'm not saying you should adapt all your text to different screen sizes, but having some key headlines with a fluid size can be quite an elegant solution. Here's an example: http://hicksdesign.co.uk/ I was quite happy to find this jQuery plugin: http://fittextjs.com/, that does exactly that and can be downloaded from github. I honestly can't wait for the opportunity to put this "bad boy" to use. Happy theming. Erico Vinicius

Designer
Érico has been a Front-End Developer and Designer with Appnovation for almost 4 years. While he specializes in responsive design and mobile, Érico’s other projects include user experience design, information architecture and business analysis. Originally from São Paulo, Brazil, Érico moved to...→ More about Erico
Designer

Érico has been a Front-End Developer and Designer with Appnovation for almost 4 years. While he specializes in responsive design and mobile, Érico’s other projects include user experience design, information architecture and business analysis. Originally from São Paulo, Brazil, Érico moved to Canada in 2007 to pursue a career in web development and design.

Current Playlist Includes: Allen Toussaint, Joe Bonamassa, Neil Young, City and Colour, Daft Punk and Rammstein – WOW that’s a mix!

Bucket List Accomplishments: Moving to Canada and recording an album.

Languages Spoken: Portuguese, English and a hint of Spanish and Italian

Appnovation Technologies