How to Make Your Typefaces Play Nicely Together » Typography » Design Festival. As type is one of the major building blocks of page design on the web and in print, it’s a reasonable question to ask, “How do I choose my typefaces and which ones work best together?” Well there are relationships that exist in typography that can help us reign in a design and subdue it when required, or to produce something very eye-catching and bold. There are also relationships that we want to avoid. Let’s take a look at these three. 1. Concord A design is considered to be concordant when you use only one typeface, and when the other elements of your page do not have much variety in weight, size and style. In the example below I’m using one font, Times New Roman. If you feel restricted by just one typeface, remember that many professional fonts offer a number of styles within the one typeface. 2.
Conflict occurs when you use two typefaces that are too similar. The heading here is not too much of a problem. So the point here is, avoid conflict. 3. Bad. Font Tester - CSS Font Comparison Tool. Typetester – Compare fonts for the screen. Dafont.com.