📜 ⬆️ ⬇️

Online typography tools

Creating content, we always try to use a more appropriate font and styles for the design. We live in the 21st century and the abundance of these very styles and fonts makes us think - “Are there any convenient online tools that will make life easier for us?”. Of course there are a lot of them! Here are some of them here and will be discussed.


Type Tester is an online tool for comparing different fonts. It is designed in the form of three columns with text blocks and can change the type of font at your discretion. And allows you to get the resulting design in the form of CSS style.
image

Font Picker
A simple tool shows you all the installed fonts on your computer and helps you choose the most suitable one for a particular project.
image
')
FontTester
Online font comparison tool. It allows you to view and compare different fonts side by side with different ccs layouts.
image

CSS Type Set
A simple tool for creating font style. Generates CSS code in real mode.
image

HTML Ipsum
A small convenient online tool. It offers you ready-made test blocks decorated in html tags.
image

Typechart
Allows you to select the optimal font using ready-made thumbnails and generate CSS. Each style has its own identifier, which allows you to comment on prototypes and look for CSS in the layout process. Additionally, the tool allows you to view the appearance of the font in Windows and Apple.
image

TTFTitles WordPress Plugin
This extension allows you to replace text headers in pictures, it is convenient to circumvent the problem of lack of certain fonts on the side of the user
image

PXtoEM
Converts the value specified by 'px' into “em” according to the default 16px font size in the browser.
image

Em calculator
Em Calculator is a small javascript tool that will help you create a scalable and convenient CSS design. It can also convert sizes in px to the corresponding ones in em, based on the standard size provided.
image

Source: https://habr.com/ru/post/54729/


All Articles