CSS의 글꼴 크기 측정 이해: 신화와 현실
CSS에서 글꼴 크기 속성을 설정하면 실제 높이에 대한 쿼리가 발생합니다. 전통적인 통념에서는 높이가 오름차순에서 하강자까지의 높이에 해당한다고 제안하지만, 이 주제를 풀려면 더 깊이 파고드는 것이 중요합니다.
역사적 뿌리
원래 타이포그래피의 "em" 단위는 블록을 나타냅니다. 각 대문자, 특히 M을 새기는 데 할당된 크기입니다. 오늘날 디지털 글꼴에는 이러한 물리적 제약이 없으므로 글꼴 디자이너는 자신의 비전에 따라 em 크기를 설정할 수 있습니다.
표준 정의
OpenType에서 글꼴에서 em 크기는 일반적으로 1000 단위인 반면 TrueType 글꼴에서는 일반적으로 1024 또는 2048입니다. 일관성을 보장하려면 EM 단위를 사용하여 글꼴 스타일을 정의하는 것이 좋습니다. 이런 방식으로 글꼴 크기는 기준선과 평균선 사이의 거리를 나타내는 글꼴의 x 높이를 나타냅니다.
측정 단위
글꼴 크기를 측정하는 데는 다양한 단위가 사용됩니다.
- 포인트(ATA): 0.3514598mm
- 포인트(PostScript): 0.3527777778mm
- 픽셀 (PX): 화면 해상도에 따라 다름
통념과 현실
글꼴 크기가 오름차순에서 하강차까지의 높이를 나타낸다는 오해는 보편적으로 사실이 아닙니다. 글꼴 개발자의 디자인과 브라우저의 렌더링 기능에 따라 크게 달라집니다.
예를 들어 Apple의 Zapfino 스크립트 글꼴은 원래 예상보다 더 큰 소문자로 디자인되었기 때문에 주어진 포인트 값에서 겉보기 글꼴 크기가 더 커졌습니다. .
추가 자료
- [국제 인쇄 측정 통일](https://archive.org/details/InternationalUnificationOfTypographicMeasurements/page/n11/mode/2up)
- [포인트(타이포그래피)](https://en.wikipedia.org/wiki/Point_(타이포그래피))
- [인치당 픽셀 수](https://en.wikipedia.org/wiki/ 픽셀당_인치)
- [글꼴 측정항목](https://en.wikipedia.org/wiki/Font_metrics)
- [인쇄 단위](https://en.wikipedia.org/wiki/ Typographic_units)
실용적 탐색
직접 통찰력을 얻으려면 FontForge 또는 Fontlab Studio와 같은 글꼴 개발 도구를 살펴보세요. 이러한 플랫폼은 글꼴 디자인의 내부 작업에 대한 액세스를 제공하므로 글꼴 글리프를 조작하고 해당 기하학적 구조를 이해할 수 있습니다.
위 내용은 CSS의 글꼴 크기는 실제로 Ascender에서 Descender까지 측정됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

최근에 색상에 대한 도구, 기사 및 리소스가 많이있었습니다. 당신의 즐거움을 위해 여기에 반올림하여 몇 개의 탭을 닫을 수 있습니다.

Robin은 이전에 이것을 다루었지만 지난 몇 주 동안 그것에 대해 약간의 혼란을 듣고 다른 사람이 설명하는 데 찌르는 것을 보았습니다.

나는 샌드위치 사이트의 디자인을 절대적으로 좋아합니다. 많은 아름다운 특징 중에는 무지개가있는이 헤드 라인이 스크롤 할 때 움직이는 밑줄이 있습니다. 그것은 아닙니다

많은 인기있는 이력서 디자인은 그리드 모양으로 섹션을 배치하여 사용 가능한 페이지 공간을 최대한 활용하고 있습니다. CSS 그리드를 사용하여 레이아웃을 만듭니다

페이지 새로 고침은 일입니다. 때로는 반응이 없다고 생각하거나 새로운 콘텐츠를 사용할 수 있다고 생각할 때 페이지를 새로 고침합니다. 때때로 우리는 단지 화가났습니다

React 세계에서 프론트 엔드 애플리케이션을 구성하는 방법에 대한 지침은 거의 없습니다. (“옳은 느낌”이 될 때까지 파일을 움직여도 롤). 진실

대부분의 경우 사용자가 응용 프로그램에 적극적으로 참여하거나 일시적으로 비활성화되어 있는지에 대해 신경 쓰지 않습니다. 비활성, 의미, 아마도 그들

Wufoo는 항상 통합으로 훌륭했습니다. 캠페인 모니터, MailChimp 및 Typekit과 같은 특정 앱과 통합이 있지만


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
