CSS Font Preview

CSS font preview tool allows you to visually see the differences when you use a different font or change the settings of the font properties. This tool is perfect to test out font properties before adding the css code to your stylesheets. If you want to learn more about the CSS properties that have been used or other properties for CSS, please go to our extensive review of CSS Properties.

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!
Font Settings
12px
0px
20px
Font 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.

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.

CSS Code