Aa

Font Tester

Test typefaces with your own text. Preview system fonts and Google Fonts, adjust typography, and copy the CSS.

Font Family
Loaded from Google Fonts
Size & Spacing
Font Size32px
Letter Spacing0px
Line Height1.5
Weight & Style
Weight
Style
Colors
Text Color#ffffff
Background Color#1a1a2e
Preview Text
The quick brown fox jumps over the lazy dog
Inter32px400 Regularls: 0pxlh: 1.5
Alphabet
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Numbers & Symbols
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } | ; ' : " , . < > ? / `
Weight Scale
100The quick brown fox jumps over the lazy dogThin
200The quick brown fox jumps over the lazy dogExtraLight
300The quick brown fox jumps over the lazy dogLight
400The quick brown fox jumps over the lazy dogRegular
500The quick brown fox jumps over the lazy dogMedium
600The quick brown fox jumps over the lazy dogSemiBold
700The quick brown fox jumps over the lazy dogBold
800The quick brown fox jumps over the lazy dogExtraBold
900The quick brown fox jumps over the lazy dogBlack
CSS Snippet
font-family: 'Inter', sans-serif;
font-size: 32px;
font-weight: 400;
font-style: normal;
letter-spacing: 0px;
line-height: 1.5;
color: #ffffff;

How to test a font online

  1. Choose a system typeface or one of the listed Google Fonts.
  2. Replace the sample with a real heading, paragraph, or interface label.
  3. Adjust size, weight, italic style, letter spacing, line height, and colors. Compare the weight samples below the preview.
  4. Use Copy CSS to take the generated typography declarations into your stylesheet.

Font availability and limitations

System fonts must be installed on your device. Listed Google Fonts are requested from Google when selected and need a network connection. Not every family provides every weight or italic style; your browser may synthesize a style or display a fallback. This tool does not upload custom font files.

The CSS snippet contains styling declarations, not the Google Fonts import. Load the selected web font in your own project as well. Test your final page on its target devices before choosing a typeface.

For related design checks, try the contrast checker or color converter.