Convertisseur d'Unités Typographiques et Échelle Modulaire
Digital Units (Web)
Print Units
Modular Scale
Live Preview 24px
The quick brown fox jumps over the lazy dog.
Generated CSS Variables
Guide & Explanations
The Essential Companion for Web and Print Typography
As a designer or developer, juggling between print mockups (often in points or millimeters) and web development (in pixels or REM) is a daily task. The Typography Unit Converter bridges these two worlds. It allows you to instantly convert any value from the screen to paper, and vice versa.
Understanding Typographic Units
- Pixel (px): The base unit of the web. Our tool uses the W3C standard of 96 PPI (Pixels Per Inch) to calculate the correspondence with physical units.
- Point (pt): Mostly used in print (Adobe software, InDesign). There are exactly 72 points in an inch.
- Pica (pc): A traditional printing unit. 1 pica is equal to exactly 12 points.
- EM / REM: Relative units crucial for web accessibility. They are based on the "Base Font Size" of your document (often 16px).
- Cicero (cc): A historical European typographic unit, slightly larger than the pica.
Modular Scale Generation
Setting your website's font sizes randomly often leads to an unbalanced design. Our tool integrates a modular scale generator. By selecting a "Ratio" (such as the Golden Ratio or Perfect Fourth), the algorithm mathematically generates proportional sizes for your headings (H1, H2) and small text.
Save valuable time: directly copy the generated CSS Variables block and paste it into your stylesheet for immediate implementation.
Frequently Asked Questions
Q: Is Convertisseur d'Unités Typographiques et Échelle Modulaire free to use?
R: Yes, the Convertisseur d'Unités Typographiques et Échelle Modulaire utility is 100% free. All tools on Dolf.in are accessible at no cost and without intrusive ads.
Q: Is my data secure?
R: Absolutely. Dolf.in uses a 'Serverless' approach: your data is processed locally in your browser and is never sent to our servers.
Q: Do I need to install any software?
R: No, no download or installation is required. Everything works directly in your web browser.
Q: What is the difference between EM and REM?
R: REM (Root EM) is relative to the font size of the root element (the ``), typically 16px. EM is relative to the font size of its parent element. Using REMs is recommended for text sizes and spacing as it avoids the unexpected 'compounding' effect of EMs.
Q: What is a modular typographic scale used for?
R: A modular scale is a sequence of numbers that relate to one another in a meaningful way based on a constant mathematical ratio (like the Golden Ratio). In typography, it creates harmonious visual hierarchies (H1, H2, body text) that feel natural to the human eye.