Select And Compare CSS font Property Values Side By Side Online

Last reviewed/updated: 29 Oct 2016 | Published: 23 Jan 2014 | Status: Active
Web browser support: Internet Explorer 11+, Edge 12+, Firefox 8+, Chrome 30+, Opera 17+

1. Introduction

The choice of font is an important decision when designing a web page/site. Therefore, it is useful to be able to compare fonts side by side exactly as they would appear online. In this web page, user selected CSS font property values in Section 2.1 are applied to strings of text in Section 2.2, thereby allowing CSS font property values to be compared side by side online.


2. Select And Compare CSS font Property Values Side By Side Online

2.1. Select CSS font Property Values

1.) font-family:    font-size:    px or pt:    font-weight:    font-style:
2.) font-family:    font-size:    px or pt:    font-weight:    font-style:

2.2. Compare CSS font Property Values Side By Side Online

1.) The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.?
2.) The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.?


3. Resources And Additional Information