Find Perfect Font Pairings with this Web Font Generator

Text plays a large purpose in peculiarity design. This really includes a web where typography affects readability. With a arise of webfonts it’s easier than ever to change your page calm and mount out from a masses.

If we can find a perfect rise combos for your headers, page text, navigation, and other areas afterwards you’ll be tighten to a good blueprint design.

Brandmark combined this rise generator as a giveaway apparatus to help designers compare typefaces. It runs in any browser and lets we collect from all of Google’s 500+ giveaway fonts.

font generator brandmarkfont generator brandmark

Here’s how it works: we name from 3 opposite forms of rise and change their distance + character regulating a dropdown menus. These 3 rise styles work as such:

  • Title rise – a categorical title on a page.
  • Accent rise – a supplemental rise for smaller facilities like pull quotes, subheadings, datetimes, etc.
  • Body rise – a rise used for all a paragraphs and categorical page content.

Each font links out to a categorical Google Webfonts page where we can squeeze a CSS formula to have your fonts embedded into any page. Easy. But this apparatus gets a lot some-more formidable when we have hundreds of fonts to collect from!

Web typography has altered a lot over a years. Now with web fonts we can easily compare typefaces to mix with your code and your blueprint design.

With this tool, we can select to compare certain default fonts and rise variations we wish to exam against. This approach we can confirm with clarity that streamer rise will demeanour best on your new blog.

web rise tester screenweb rise tester screen

My usually censure though, a page loads flattering damn slow.

Although it’s technically loading 500+ Google Webfonts together on a same page. No approach that’s gonna be quick.

But aside from that, we have to contend Brandmark done an excellent tool for web designers. Worth a exam if we aren’t certain where to start with fonts for your newest project.

Add Comment