modern font stacks 다운로드 modern font stacks Code 다운로드

modern font stacks

글꼴 다운로드

1.0.0

다운로드

현대 글꼴 스택

시스템 글꼴 스택 CSS 모든 현대식 OS에 대한 서체 분류로 구성된 CSS

사용 가능한 가장 빠른 글꼴. 다운로드, 레이아웃 교대, 플래시 없음 - 즉시 렌더링됩니다.

시스템 UI · 과도기 · 구식 스타일 · 인본주의 자 · 기하학적 인본주의 자

클래식 인본주의 자 · 네오 그로 테스크 · 모노 스페이스 슬래브 세리프 · 모노 스페이스 코드

산업 · 둥근 산 · 슬래브 세리프 · 골동품 · didone · 필기

추가 기능 / 운영 체제 지원 / 플러그인 및 확장

시스템 UI

시스템 UI 글꼴은 운영 체제 인터페이스의 고유 한 글꼴입니다. 그것들은 매우 읽기 쉽고 작은 크기로 읽기 쉽고 많은 글꼴 무게를 포함하며 UI 요소에 이상적입니다.

CSS 글꼴 스택

 font-family : system-ui , sans-serif;

시스템 UI 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
샌프란시스코	●	●	●	●	●	●	●	●	●
Segoe UI	●	●	●	●	●	●	●	●	●
로봇	●	●	●	●	●	●	●	●	●
우분투	●		●	●	●		●
칸타렐	●		●	●			●	●
노토 산스	●	●	●	●	●	●	●	●	●

메모

시스템 UI는 글꼴 스택이 적고 기본 사용자 인터페이스 글꼴을 나타내는 CSS 값 인 system-ui 입니다. 모든 현대 운영 체제에서 널리 지원됩니다.
표시된 글꼴은 각 최신 OS에서 UI의 기본 글꼴입니다.

위로 돌아 가기 ↑

과도기

과도기 서체는 계몽 과정에서 개발 된 구식과 현대 서체가 혼합되어 있습니다. 과도기 서체의 가장 유명한 예 중 하나는 Times of London 신문을 위해 개발 된 Times New Roman입니다.

CSS 글꼴 스택

 font-family : Charter , 'Bitstream Charter' , 'Sitka Text' , Cambria , serif;

전이 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	400	700	900
전세	●	●	●
비트 스트림 헌장	●	●
sitka 텍스트	●	●
캄브리아	●	●
Noto Serif¹	●	●

메모

Charter는 1987 년 Matthew Carter가 저해상도 300dpi 팩스 기계 및 레이저 프린터를 위해 디자인 한 환상적이고 시대를 초월한 서체입니다. 그것은 가독성을 돕는 큰 X- 높이를 가지고 있으며 오늘날의 화면에서 아름답게 유지됩니다.
MACOS의 헌장에는 이상한 넓은 파괴 공간이 있습니다 (   ). 이 버그는 Apple에게보고되었습니다.
Sitka는 Matthew Carter가 설계 한 또 다른 아름다운 서체입니다. Sitka는 Collaboration Microsoft의 고급 독서 기술로 설계되어 가독성을 최적화했습니다.
Android는 NOTO Serif를 기본 serif 글꼴로 사용하므로 스택에 지정할 필요가 없습니다.

위로 돌아 가기 ↑

고투

구식 서체는 대각선 응력, 두껍고 얇은 뇌졸중과 둥근 세리프 사이의 대비가 낮으며 르네상스 시대에 개발되었습니다. 구식 서체의 가장 유명한 예 중 하나는 Garamond입니다.

CSS 글꼴 스택

 font-family : 'Iowan Old Style' , 'Palatino Linotype' , 'URW Palladio L' , P052 , serif;

구식 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	400	700	900
아이오완 구식 스타일	●	●	●
팔라티노 리노 타입	●	●
urw palladio l	●	●
P052	●	●
Noto Serif¹	●	●

메모

Android는 NOTO Serif를 기본 serif 글꼴로 사용하므로 스택에 지정할 필요가 없습니다.

위로 돌아 가기 ↑

인간성 연구자

인본주의 서체는 유기적, 서예 형태와 두껍고 얇은 스트로크 사이의 낮은 대비로 특징 지어집니다. 이 서체는 르네상스 시대의 필기에서 영감을 얻었으며 종종 다른 Sans-Serif 서체보다 읽기 쉽고 읽기 쉬운 것으로 간주됩니다.

CSS 글꼴 스택

 font-family : Seravek , 'Gill Sans Nova' , Ubuntu , Calibri , 'DejaVu Sans' , source-sans-pro , sans-serif;

인본주의 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800
세라브		●	●	●	●		●
길 산 노바			●	●			●	●
우분투	●		●	●	●		●
교정			●	●			●
Dejavu Sans	●			●			●
소스 Sans Pro				●		●	●

메모

Gill Sans Nova는 보충 다운로드 가능한 글꼴로 제공됩니다.
Source Sans Pro는 Android에서 이름 Source-Sans-Pro를 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다.

위로 돌아 가기 ↑

기하학적 인본주의 자

기하학적 인본주의 서체는 깨끗하고 기하학적 형태와 균일 한 스트로크 너비를 특징으로합니다. 이 서체는 종종 현대적이고 매끄러운 외관으로 간주되며 종종 헤드 라인 및 기타 디스플레이 목적으로 사용됩니다. Futura는이 분류의 유명한 예입니다.

CSS 글꼴 스택

 font-family : Avenir , Montserrat , Corbel , 'URW Gothic' , source-sans-pro , sans-serif;

기하학적 인본주의 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
Avenir			●	●	●			●	●
Montserrat	●	●	●	●	●	●	●	●	●
받침대			●	●			●
Urw Gothic			●			●
소스 Sans Pro				●		●	●

메모

Avenir는 다음에 Avenir가 가지고있는 200 개의 무게를 통해 웹에서 훨씬 더 읽기 쉬우므로 MacOS의 다음 Avenir에서 선택되었습니다. 초경량 또는 초경 검은 색을 찾고 있다면 Avenir를 다음으로 교체하십시오.
Source Sans Pro는 Android에서 이름 Source-Sans-Pro를 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다.

위로 돌아 가기 ↑

고전적인 인본주의 자

고전적인 인본주의 서체는 스트로크가 세리프에서 끝나지 않고 뇌졸중 터미널에 도달함에 따라 미묘하게 넓어지는 방식을 특징으로합니다. 이 서체는 고전적인 로마 수도와 르네상스 기간 묘비의 석재 조각에서 영감을 얻었습니다.

CSS 글꼴 스택

 font-family : Optima , Candara , 'Noto Sans' , source-sans-pro , sans-serif;

클래식 인본주의 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
최적				●			●		●
캔다라			●	●			●
노토 산스	●	●	●	●	●	●	●	●	●
소스 Sans Pro				●		●	●

메모

Source Sans Pro는 Android에서 이름 Source-Sans-Pro를 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다.

위로 돌아 가기 ↑

네오 그래 테스크

네오 그라테스크 한 서체는 19 세기 후반에서 20 세기 초반에 개발 된 Sans-Serif 스타일이며 깨끗하고 기하학적 형태와 균일 한 스트로크 너비가 특징입니다. 신 그레이스크 서체의 가장 유명한 예 중 하나는 Helvetica입니다.

CSS 글꼴 스택

 font-family : Inter , Roboto , 'Helvetica Neue' , 'Arial Nova' , 'Nimbus Sans' , Arial , sans-serif;

네오 grotesque 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
인터	●	●	●	●	●	●	●	●	●
로봇	●	●	●	●	●	●	●	●	●
Helvetica Neue	●	●	●	●	●	●	●
arial nova			●	●			●
Nimbus Sans				●		●	●
arial				●		●	●

메모

Arial Nova는 보충 다운로드 가능한 글꼴로 제공됩니다.
로봇은 Linux (MX Linux, Elementaryos 등) 및 수동 설치에 사용됩니다. 안드로이드에서 로봇을 렌더링하지는 않지만 Android의 일반 Sans-Serif는 할 것입니다.

위로 돌아 가기 ↑

모노스크 슬래브 세리프

Monospace 슬래브 세리프 서체는 모양에 관계없이 너비와 단순하고 기하학적 형태를 갖는 고정 된 넓은 글자로 특징 지어집니다. 보고서, 표 구성 및 기술 문서에 대한 타자기 출력을 모방하는 데 사용됩니다.

CSS 글꼴 스택

 font-family : 'Nimbus Mono PS' , 'Courier New' , monospace;

모노 스페이스 슬래브 세리프 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	400	700
NIMBUS 모노 PS	●	●
택배 새	●	●
큐티브 모노	●

메모

많은 Linux 배포판이 택배에 대한 이름 별명을 생성하고 항상 슬래브 세리프를 나타내지 않기 때문에 Nimbus mono ps가 먼저 지정됩니다.
Android는 Courier New에 대한 이름 별명을 생성하므로 Cutive Mono를 스택에 표시 할 필요는 없습니다.
큐티브 모노 불행히도 무게는 하나뿐입니다

위로 돌아 가기 ↑

모노 스페이스 코드

Monospace 코드 서체는 프로그래밍 및 기타 기술 응용 프로그램에 사용하도록 특별히 설계되었습니다. 이 서체는 단일 디자인으로 특징 지어 지므로 모든 글자와 캐릭터는 너비와 맑고 읽을 수있는 형태를 갖습니다.

CSS 글꼴 스택

 font-family : ui-monospace , 'Cascadia Code' , 'Source Code Pro' , Menlo , Consolas , 'DejaVu Sans Mono' , monospace;

모노 스페이스 코드 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800
SF 모노			●	●	●	●	●	●
Cascadia 코드	●	●	●	●		●	●
소스 코드 프로		●	●	●	●	●	●	●
Menlo				●			●
Consolas				●			●
Dejavu Sans Mono				●			●
드로이드 산스 모노				●

메모

SF Mono는 Safari를 사용하는 동안 MacOS 10.15+ 및 iOS 13.3+의 ui-monospace 통해서만 제공됩니다.
monospace 이름 별명이므로 Android 용 Droid Sans Mono는 스택에 지정할 필요가 없습니다.

위로 돌아 가기 ↑

산업

산업계는 19 세기 후반에 시작되었으며 그 당시 기술 및 산업의 발전에 크게 영향을 받았습니다. 산업계는 대담하고 산소-세리프 레터 폼, 간단하고 간단한 외관, 직선 및 기하학적 모양의 사용으로 특징 지어집니다.

CSS 글꼴 스택

 font-family : Bahnschrift , 'DIN Alternate' , 'Franklin Gothic Medium' , 'Nimbus Sans Narrow' , sans-serif-condensed , sans-serif;

산업용 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
Bahnschrift	●	●	●	●	●	●	●	●	●
DIN 대체							●
프랭클린 고딕 매체					●
Nimbus Sans가 좁아졌습니다				●			●
로봇은 응축했다	●	●	●	●	●	●	●	●	●

메모

이 스택은 운영 체제의 무게가 제한되어 있으므로 중간/대담한 디스플레이 글꼴로 사용하는 것이 가장 좋습니다.
Bahnschrift는 Windows에 추가 된 최초의 변수 글꼴 중 하나입니다.
Roboto Condensed는 Android에서 Sans-Serif-Condensed라는 이름을 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다.

위로 돌아 가기 ↑

둥근 산

둥근 서체는 둥근 곡선 문자 형식으로 특징 지어지며 부드럽고 친근한 외관을 제공합니다. 둥근 가장자리는 서체에보다 유기적이고 장난스러운 느낌을 주므로 비공식적이거나 어린이 친화적 인 디자인에 사용하기에 적합합니다. 둥근 Sans-Serif 스타일은 1950 년대부터 인기가 있었으며 광고, 브랜딩 및 기타 형태의 그래픽 디자인에 계속 널리 사용됩니다.

CSS 글꼴 스택

 font-family : ui-rounded , 'Hiragino Maru Gothic ProN' , Quicksand , Comfortaa , Manjari , 'Arial Rounded MT' , 'Arial Rounded MT Bold' , Calibri , source-sans-pro , sans-serif;

둥근 산 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
SF Pro 둥근	●	●	●	●	●	●	●	●	●
히라지노 마루 고딕				●
유사			●	●			●
Comfortaa			●	●			●
만자리	●			●			●
Arial Rounded Mt							●
Arial Rounded Mt Bold							●
교정			●	●			●
소스 Sans Pro				●		●	●

메모

SF Pro Rounded는 Safari를 사용하는 동안 MacOS 10.15+ 및 iOS 13.3+에서 ui-rounded 통해서만 사용할 수 있습니다.
Hiragino Maru Gothic은 기술적으로 일본 서체이지만 모든 라틴어 캐릭터를 지원합니다. Mac 글꼴에는 대담한 것이 포함되어 있지 않으므로 화면에 가짜 대담한 대담이 표시됩니다.
Arial Rounded MT는 Windows에 필요하며 IOS, Mac 및 이전 Windows 설치에는 Arial Rounded MT Bold가 필요합니다.
Source Sans Pro는 Android에서 이름 Source-Sans-Pro를 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다. 둥근 서체는 아니지만 여기 로봇보다 낫습니다.

위로 돌아 가기 ↑

슬래브 세리프

슬래브 세리프 서체는 각 글자의 끝에 두껍고 블록 같은 세리프가 존재하는 것으로 특징 지어집니다. 이 세리프는 일반적으로 뇌물을받지 않으므로 문자의 주요 스트로크로의 곡선 또는 테이퍼 전환이 없습니다.

CSS 글꼴 스택

 font-family : Rockwell , 'Rockwell Nova' , 'Roboto Slab' , 'DejaVu Serif' , 'Sitka Small' , serif;

슬래브 세리프 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	300	400	700	800
로크웰			●	●
로크웰 노바		●	●	●	●
로봇 슬래브	●	●	●	●
Dejavu Serif			●	●
Sitka Small			●	●
노토 세리프			●	●

메모

로크웰은 Windows Office에 포함되어 있습니다
Rockwell Nova는 보충 다운로드 가능한 글꼴로 제공됩니다.
Android는 NOTO Serif를 기본 serif 글꼴로 사용하므로 스택에 지정할 필요가 없습니다.

위로 돌아 가기 ↑

고대 미술

이집트인으로도 알려진 골동품 서체는 19 세기에 인기있는 세리프 서체의 하위 집합입니다. 그것들은 블록 같은 세리프와 두꺼운 균일 한 스트로크 중량을 특징으로합니다.

CSS 글꼴 스택

 font-family : Superclarendon , 'Bookman Old Style' , 'URW Bookman' , 'URW Bookman L' , 'Georgia Pro' , Georgia , serif;

골동품 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	300	400	600	700	900
Superclarendon	●	●		●	●
책가 구식 스타일		●		●
Urw Bookman	●		●
조지아 프로	●	●	●	●	●
그루지야		●		●
Noto Serif¹		●		●

메모

Georgia Pro는 보충 다운로드 가능한 글꼴로 제공됩니다.
안드로이드는 Georgia 의 별칭으로 NOTO Serif를 사용하므로 스택에 지정할 필요가 없습니다.

위로 돌아 가기 ↑

Didone

현대 서체로도 알려진 Didone 서체는 두껍고 얇은 스트로크, 수직 응력 및 괄호가없는 헤어 라인 세리프 사이의 높은 대비를 특징으로합니다. Didone 스타일은 18 세기 후반에 등장하여 19 세기에 인기를 얻었습니다.

CSS 글꼴 스택

 font-family : Didot , 'Bodoni MT' , 'Noto Serif Display' , 'URW Palladio L' , P052 , Sylfaen , serif;

Didone Font 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	100	200	300	400	500	600	700	800	900
didot				●			●
Bodoni Mt				●			●		●
Noto Serif 디스플레이	●	●	●	●	●	●	●	●	●
urw palladio l				●			●
P052				●			●
Sylfaen				●
Noto Serif¹				●			●

메모

Android는 NOTO Serif를 기본 serif 글꼴로 사용하므로 스택에 지정할 필요가 없습니다.
Sylfaen에는 대담한 것이 포함되어 있지 않으므로 화면에 가짜 굵게 표시됩니다.

위로 돌아 가기 ↑

필기

필기 서체는 필기 모양과 느낌을 모방하도록 설계되었습니다. 광대 한 필기 스타일에도 불구 하고이 글꼴 스택은보다 비공식적이고 일상적인 필기 스타일을 채택하는 경향이 있습니다.

CSS 글꼴 스택

 font-family : 'Segoe Print' , 'Bradley Hand' , Chilanka , TSCu_Comic , casual , cursive;

필기 글꼴 스택

브라우저에서보기 (기사보기 / 문자)

? 운영 체제의 미리보기 렌더링

font 글꼴 웨이트 및 메모

글꼴 무게	400	700
Segoe Print	●	●
브래들리 핸드		●
Chilanka	●
TSCU_COMIC	●
곧 올 것입니다	●

메모

곧 출시 예정인 Android에서 캐주얼 이름을 사용 하므로이 글꼴은 Android 장치 만 대상으로합니다.

위로 돌아 가기 ↑

추가 기능

이모티콘 지원

페이지에 기본 이모티콘을 추가하고 싶으십니까? 글꼴 스택 끝 에서이 글꼴을 추가하십시오.

 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji'

반 알리 아스

이 CSS 속성을 사용하여 텍스트를 안티 앨리어싱으로 렌더링하십시오.

 html {
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

운영 체제 지원

Windows 7 또는 최신
안드로이드 10 또는 최신 (8 글꼴로 매우 제한적)
iOS 9.3 이상
MacOS 10.9 (Mavericks) 또는 새로
Linux (샘플링 12 인기 배포)

위로 돌아 가기 ↑

플러그인 및 확장

Borisanthony의 Tailwind CSS 용 현대식 글꼴 스택
작은 바지가있는 WordPress 용 현대적인 글꼴 스택
현대 글꼴 스택은 Webstudio에서 기본적으로 지원됩니다

위로 돌아 가기 ↑

확장하다

추가 정보

버전 1.0.0
유형 글꼴 다운로드
업데이트 시간 2025-07-30
크기 5.11MB
출처 Github