CSS Font Preview

CSS font preview tool allows you to preview the font or change the settings of the font properties. You can test out font properties before adding the css code to your style sheets.

1Font Settings

Font Name:

  Font Color:

Font Size ({{vm.fontSize}}px)

Font Style:

Font Weight

Font Variant

Text Align

Letter Spacing ({{vm.letterSpacing}}px)

Line Height ({{vm.lineHeight}}px)

2Font Preview

Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus mi tristique ante imperdiet gravida. Fusce nulla lorem, accumsan vel lobortis vitae, rutrum et leo. Aliquam sapien leo, aliquet eu eleifend quis, elementum id turpis. Nunc purus massa, convallis ut faucibus id, varius vitae libero. Cras tempor lacinia massa, sit amet commodo ligula suscipit ut. Proin sagittis vulputate pharetra. Mauris felis lorem, dictum non sollicitudin vitae, dictum sit amet risus. In hac habitasse platea dictumst. Curabitur ac varius elit. Quisque vulputate, augue vel mollis porta, risus orci molestie orci, ac porttitor lorem leo quis elit. Donec eget metus vitae purus imperdiet fermentum. Quisque velit dolor, scelerisque et porta sit amet, mattis aliquet odio.

3CSS Code