Responsive typography with Sass and Foundation

Tags: , , , , , &
Responsive-typography-with-Sass-and-Foundation-by-zing-design

In this post we discuss responsive web typography, the tools and techniques available to achieve it and two approaches that will make it easier and faster. We look at how to use Foundation to quickly achieve simple responsive typography and a custom Sass mixin which we created for greater control and responsiveness.

Read the full article

How to install custom web fonts on your website

Tags: , , , &
how-to-install-custom-web-fonts-on-your-website-by-zing-design

Once you have chosen a font for your website or app, implementing it into your project can be a little overwhelming. There are many available techniques for embedding fonts, and it’s a challenge working out which is the most appropriate and what is best practice.. In this post we’ll take you over the different ways to add your chosen fonts to your site, and show you some other techniques that will make things easier.

Read the full article

Introduction to Icon Fonts

Tags: , , , , , &

Remember the awesome dingbats of the early 2000s? In the last decade, they have evolved into sophisticated font sets now known as icon fonts or symbol fonts. Icon fonts are great to use for lots of projects, from social media icons to arrows and symbols, all you need is a bit of CSS.

In this part 3 of our web typography series, we detail what icon fonts are, why you should use them, best use examples, and tips for implementation in your own design and development projects. Don’t forget to also check out A beginner’s guide to using Google Fonts and Top 6 tips for choosing fonts for your website.

Read the full article

A beginner’s guide to using Google Fonts

Tags: , , , &

In this part 2 of our web typography series, we profile why Google is all over web design, what Google Fonts are, how to use them and our favourite Google Font combinations. Don’t forget to also check out Top 6 tips for choosing fonts for your website and Introduction to Icon Fonts.

Read the full article

How to choose fonts for your website – top 6 tips

Tags: , , &
how-to-choose-fonts-for-your-website-top-6-tips-by-Zing-Design

One of our most asked question is - how do I choose a typeface for my web design work? Unfortunately, there’s not a standard recipe for perfect typography, because it’s all about finding the right fit for the occasion. Rather than make text legible, we need to make it scrumptiously readable.

This is part 1 of our web typography series, we detail the perfect recipe for creating web typography from hierarchy to white space and tell you what happens when good typography goes bad.

Read the full article
* indicates required