Web Design Help: Web Font Size Data Reference
|
<br />The content is reproduced from the Internet. I have forgotten where I found it from. I am really sorry. For a web page, the font size setting is relatively important. We have collected some data comparisons about the font sizes on web pages on the Internet and shared them here for everyone to see. We hope that it will be helpful to everyone in the process of page creation! Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt 20px 1.25em 125% 15pt 21px 1.3em 130% 16pt 22px 1.4em 140% 17pt 23px 1.45em 145% 18pt 24px 1.5em 150% 20pt 26px 1.6em 160% 22pt 29px 1.8em 180% 24pt 32px 2em 200% 26pt 35px 2.2em 220% 27pt 36px 2.25em 225% 28pt 37px 2.3em 230% 29pt 38px 2.35em 235% 30pt 40px 2.45em 245% 32pt 42px 2.55em 255% 34pt 45px 2.75em 275% 36pt 48px 3em 300% |
<<: Modify the default scroll bar style in the front-end project (summary)
>>: How to set the page you are viewing to not allow Baidu to save its snapshot
Recommend
Use shell script to install python3.8 environment in CentOS7 (recommended)
One-click execution To install Python 3.8 in a vi...
Detailed tutorial on deploying Apollo custom environment with docker-compose
Table of contents What is the Apollo Configuratio...
Springboot+Vue-Cropper realizes the effect of avatar cutting and uploading
Use the Vue-Cropper component to upload avatars. ...
How to solve the problem that Docker container has no vim command
Find the problem Today, when I tried to modify th...
Vue2.x configures routing navigation guards to implement user login and exit
Table of contents Preface 1. Configure routing na...
Introduction to the graphic composition and typesetting capabilities of web design
Everything needs a foundation. To build a house, ...
Vue uses openlayers to load Tiandi Map and Amap
Table of contents 1. World Map 1. Install openlay...
How to block and prohibit web crawlers in Nginx server
Every website usually encounters many non-search ...
6 Ways to Elegantly Handle Objects in JavaScript
Table of contents Preface 1. Object.freeze() 2. O...
Detailed explanation of writing multiple conditions of CSS: not
The :not pseudo-class selector can filter element...
Is your website suitable for IE8?
During the Olympic Games, IE 8 Beta 2 will be rele...
10 tips for designing useful, easy-to-use web applications
Here are 10 tips on how to design better-usable w...
Native javascript+CSS to achieve the effect of carousel
This article uses javascript+CSS to implement the...
How to start Vue project with M1 pro chip
Table of contents introduction Install Homebrew I...
Advanced crawler - Use of Scrapy_splash component for JS automatic rendering
Table of contents 1. What is scrapy_splash? 2. Th...