Coder Social home page Coder Social logo

orioncactus / pretendard Goto Github PK

View Code? Open in Web Editor NEW
2.4K 2.4K 146.0 1.41 GB

어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternative font for all cross-platform

Home Page: https://cactus.tistory.com/306

License: Other

JavaScript 30.91% Shell 8.97% TypeScript 60.12%
font fonts typeface

pretendard's People

Contributors

black7375 avatar byungjujin avatar chalkpe avatar devxoul avatar emewjin avatar gamsake avatar geonu avatar github-actions[bot] avatar hiddenest avatar jsryudev avatar kms0219kms avatar leejh10003 avatar mgrv-yhlee avatar min6676 avatar n4mhoon avatar neighbors28 avatar orioncactus avatar piquark6046 avatar quiple avatar seungminio avatar shiftpsh avatar sp3498 avatar statios avatar sudosubin avatar thumbsu avatar victorrica avatar workspace avatar yami03 avatar yojkim avatar yongbeomkwak avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pretendard's Issues

Monospaced font

안녕하세요?

좋은 폰트를 오픈소스로 공유하여 감사드립니다.

모든 글자의 크기(너비)가 같은 Monospaced 형식의 폰트는 계획에 없으실까요?

감사합니다.

원에 들어간 숫자의 크기가 이상함

image
Firefox에서 Pretendard 폰트를 적용하고 본 모습입니다. 이외에도 한/글에서 동일한 문제가 발생했습니다.

⓪
①②③④⑤⑥⑦⑧⑨⑩
⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳
㉑㉒㉓㉔㉕㉖㉗㉘㉙㉚
㉛㉜㉝㉞㉟㊱㊲㊳㊴㊵
㊶㊷㊸㊹㊺㊻㊼㊽㊾㊿

iOS 15.4 업데이트 이후에 다이나믹 서브셋 사용 시 ` ` 이슈

안녕하세요! 우선 만들어주신 폰트를 잘 사용하고 있습니다.

다름이 아니라 이번 iOS 15.4 버전 업데이트 이후에 다이나믹 서브셋을 사용할 때 Safari 및 Chrome 등 브라우저에서  에 이상한 문자가 노출되어 문의드립니다.

image

상단의 이미지와 같이 가로줄로 된 특이한 문자가 노출되는데요. 다이나믹 서브셋 대신 전체 폰트를 사용하게 되면 해당 이슈가 재현되지 않아서 문의드립니다.

jsDelivr와 cdnjs로 CDN을 이중화하는 방안

jsDelivr에 깃허브를 통해 배포되면 아직 릴리즈 되지 않았지만 바로 배포되버리는 안정성 확보 문제가 있습니다.

Pretendard는 npm과 yarn으로도 배포되니 jsDelivr에서 npm을 통해, 릴리즈 된 경우 배포되는 방식으로 배포하거나

cdnjs과 같이 jsDelivr보다 속도와 캐싱 등 다른 문제가 적은(다시 말해 #35 등의 문제가 적은) 플렛폼으로 배포하는 것이 어떤지 여쭙고 싶습니다.

참고로, cdnjs는 npm이 배포되있으면 별다른 큰 작업 없이 업로드 작업이 가능하며, 이는 제가 기여가 가능합니다.

폰트 사이즈에 따른 뭉개짐?

안녕하세요.. 제가 폰트를 사용하면서 궁금한게 생겨서요..

폰트 사이즈를 1em ( font-size:0.8em, font-weight:300 ) 에서 더 줄이면

글자에 부분 부분 뭉게짐? 블러? 같은 현상이 생기는데요..

이런건 왜 그런 걸까요..

fontblur

빨간 네모의
첫번째 소문자 의 ㅁ 의 윗줄
두번째 스트 에서 스 의 아래 ㅡ , ㅌ 의 아랫부분
세번째 다국어의 ㄱ 의 윗부분

이런식으로 부분 부분 글씨가 선명했다 뭉게졌다 그러는데요..
원래 이렇게 될수 밖에 없는 구조 일까요..;;

웹폰트를 위한 다이나믹 서브셋 제공

개요

#2 와 동일한 목적에서 시작되었습니다.
웹폰트 목적으로 사용하기 조금 무거운 Pretendard를 작은 서브셋들로 잘라 웹폰트로 구성합니다.

구현 방식

Google은 오픈 소스 한글 폰트를 머신 러닝에 기반한 최적화 기술로 여러 서브셋을 나누어 제공합니다.
Google에서 제공하는 Noto Sans KR 폰트의 서브셋들을 토대로 작업합니다.

  • Noto Sans KR 웹폰트의 Unicode 범위를 파싱합니다.
  • Pretendard에서 지원하는 글자만을 걸러냅니다.
  • 각 파일에 맞게 작은 서브셋들을 만들어 웹폰트 CSS 파일로 생성합니다.

특수문자에 비해 글자가 위로 밀려있는 문제 ..

  • chrome

Screenshot 2022-07-06 at 10 37 31

  • mobile ios safari
    ipadsafari

안녕하세요.
최신버전 폰트를 적용하여 테스트를 해보고 있는데요.
'(' 나 '/' 등의 특수문자들에 비해 글자가 위로 밀려있어 아래쪽 여백이 상대적으로 많이 남아
정렬 시에 어색해보이는 경우가 존재 하게되는데
이런 부분도 개선이 가능 할까요 ?

version: v1.3.4

빌드 자동화

멋지고 완성도 높은 폰트를 만들어주셔서 감사합니다.

Variable fonts(가변 폰트)는 만들어본적이 없어서 알아봐야 할 수 있겠지만,
글꼴 빌드, 일반적인 글꼴 변환과 서브셋은 도움을 드릴 수 있을 듯 합니다.

글꼴 빌드는 해본적 없지만
fontmake를 참고하면 해볼 수 있을듯 합니다.

일반적인 서브셋의 경우, abc...가나다같은 목록만 있으면 손쉽게 만들어낼 수 있습니다.
다이나믹 서브셋은 종류가 많다보니 각 목록 리스트를 짜는건 쉽지 않습니다.
그래서 구글 폰트처럼 서브셋을 생성할수 있는 라이브러리를 만든적이 있는데 Pretendard의 경우, 어떻게 빌드하시는지는 정확히 모르겠습니다.

제가 생각하는 자동화를 하는 방식은

  1. 깃허브에서 릴리즈시에 자동화 스크립트가 실행
  2. fontmake로 src를 빌드해 otf와 ttf를 생성
  3. otf 파일을 기준으로 서브셋과 다이나믹 서브셋 생성
    과 같은 방식으로 이루어질 듯 합니다.

한글(HWP)와 리브레오피스에서 Bold가 나타나지 않음

환경

  • Windows 10
  • HWP 2022
  • Pretendard v1.3.5 public의 ttf를 설치

C:\Windows\Fonts\Pretendard에 정상적으로 설치되었습니다.
image

문제
그런데 한글과 리브레오피스에서 볼드체만 보이지 않습니다.
image
image

Office 365는 아직 설치하지 않아서 어떠한지 모르겠네요.

어도비 프로그램에서 이상하게 동작합니다

다른 폰트들은 다 괜찮은데 이상하게 이 폰트만 사용하면 렌더링 시간도 길어지고 자원을 많이 잡아 먹는 것 같습니다.

5950x에 3080이라 텍스트 몇개 올리는거 가지고는 왠만해서 렉이 걸리지 않는데 작업을 도무지 더 이상 못할정도로 렉이 걸리니 미치겠네요 ㅠㅠ

(A)GPL 라이센스 호환 여부

좋은 폰트 만들어주셔서 감사합니다.

사용하는 프로젝트에 Pretendard 폰트를 적용해보려 하였지만 단독판매 금지조항과 충돌하여 SIL 라이센스는 GPL(+AGPL)과는 호환이 안 된다고 합니다. 하지만 번들 또는 내장하는 경우에는 허용이 된다는 말도 있는데요, AGPL 라이센스를 사용하는 소프트웨어에서 Pretendard를 번들로 묶어도 되는 것인지 명확하게 알고 싶습니다.

pretendard JP 폰트 웹 소스에 삽입하여 사용 시 사용불가

pretendard-Bold.woff 등 폰트를 사용하다, 홈페이지에 있는 일본어 버전 폰트 다운받아 pretendardJP-Bold.woff로 폰트 변경하였는데,
대체 폰트로 대체됩니다. woff2로 수정 후, 적용해도 똑같네요.

woff파일을 다운받아 소스에 직접 넣는것 말고 추가로 해야하는것이 있을까요?

font-family: 'Pretendard JP', Meiryo ...

font-face {
font-family: 'Pretendard JP';
font-weight: 700;
src: (생략)/static/fonts/PretendardJP-Bold.woff')}') format('woff');
}

PowerPoint에서 콜론의 수직 위치 무작위로 표시

파워포인트로 작업하다가 알게된 사실인데 콜론의 수직 위치가 무작위로 변경이 됩니다.

_.mp4

신기한게 PDF 출력물에도 무작위로 적용이 됩니다.
동일한 문서를 PDF로 내보내기 시도를 해봤는데요, 내볼때마다 결과물이 달라지는걸 볼 수 있슴니다.
많이 생김.pdf
적게 생김.pdf

  • v1.3.6을 사용하고 있습니다.
  • OTF, TTF 둘 다 비슷한 현상이 일어납니다.
  • 작년에 Sandoll 고딕Neo1을 사용했던 PT 문서에는 일어나지 않았던 것을 미루어보아 폰트문제 같아서 이슈를 생성해봅니다.

혹시 #84 와 연관이 있을까요?

서브셋 폰트 제공

개요

현재 Pretendard의 폰트 파일이 13,777자에 달해 웹폰트 등의 목적으로 사용하기에 조금 무거울 수 있습니다.
이에 KS X 1001 표준 2,350자 + ɑ 만을 추출한 서브셋 폰트를 제공합니다.

구현 방식

기존 Pretendard 폰트에서 추출한 글자만을 가져와 코드 레벨에서 생성합니다.

참조

가변글꼴 버젼과 일반 글꼴 두께 차이

css에서 같은 300, 400, 500 등의 weight를 비교하는데 일반 "Pretendard" 글꼴이 가변글꼴 버젼("Pretendard Variable")보다 한 단계 높은 weight정도의 두께를 갖네요.

이 것이 의도하신 두께 조절이 맞나요?

개인적으로 다른 여러 글꼴들, 특히 Apple SD Gothic Neo 와 비교했을 때, 가변글꼴 두께가 딱 맞고
일반 Pretendard 글꼴은 weight에 비해 너무 두꺼워서, 가변글꼴 두께정도로 일반글꼴 두께가 맞춰졌으면 합니다.

안그래도 개인적으로도 Noto Sans KR과 Inter 글꼴을 좋아해서 같이 사용하면서, 사이즈 조정이 아쉬웠는데 이런 글꼴작업에 너무 감사합니다.

& 입력 시에 폰트 모양이 변함

Pretendard 잘 쓰고 있습니다. 그런데 메모장에서 Pretendard, 보통 굵기로 맞추어 놓고 글을 입력하는 도중, 한 문단에 &이 입력되는 순간 폰트 모양이 변합니다. 관찰한 결과 폰트의 너비가 조금 늘어나는 것을 확인할 수 있었습니다.
Pretendard & issue
왜 이런 일이 발생하는 것일까요?

Pretendard, Pretendard JP를 동시에 설치 한 뒤, 시스템 기본 폰트를 Pretendard로 설정 시 알수없는 일본어로 글자가 깨짐

Pretendard, Pretendard JP를 동시에 설치 한 뒤,

시스템 기본 폰트를 Pretendard로 설정 시 뜻을 알 수 없는 일본어로 글자가 깨지는 현상이 발생합니다.

제 생각에 해당 폰트의 폰트가족이 모두 동일하게 Pretendard 인것 같습니다.

Pretendard JP로 폰트가족을 바꿔주셔야 할 것 같습니다.

한글 글리프의 크기 조정

안녕하세요! 제작해주신 폰트 감사히 사용하고 있습니다.

다만 본고딕의 한글 크기가 커서 조정을 하셨음에도 불구하고 아직도 라틴 문자보다 한글이 커 보이는 경향이 있는 것 같아서 요청드립니다.

apple
이게 Apple 홈페이지에 텍스트를 수정해 캡처한 이미지고 (제가 Mac이 없어서)

pre
이게 Pretendard입니다.

보시다시피 Apple의 것과 비교해서 한글의 높이가 라틴 문자보다 살짝 더 큰 게 눈에 띄는데 한글의 크기를 조금만 더 줄여주시면 좋지 않을까 생각합니다.

pre
GIF 이미지입니다. 배경색이 짙은 것이 Apple입니다. 둘 다 크기 720px, 굵기 400입니다.

감사합니다!

npm publish에서 E413로 인한 npm 업데이트 불가 문제 및 npm 패키지 용량 이슈

개요

E413 - 413 Payload Too Large 이슈로 현재 npm에 업로드가 불가능합니다. 따라서 npm으로부터 영향을 받는 cdnjs, unpkg가 1.3.0으로 업데이트되지 않습니다.

해결 방법

  1. .npmignore를 추가해 src 및 examples 디렉터리 제외
    • 이 방법으로 unpacked 크기를 300mb 미만으로 줄여도 E413 에러 발생
  2. npm에 publish할 때 --max_old_space_size=10336와 같은 명령어 추가
    • node.js에서 해당
  3. Pretendard JP 및 Pretendard Std를 다른 package로 배포
    • cdnjs와 UNPKG에서 대응 고민 필요

한 패키지에 JP와 Std까지 에셋으로 두는 것이 맞을까?

  • import 'pretendard'와 같이 npm으로 pretendard를 설치하더라도 특정 에셋만 빌드할 수 있게 관리 가능
  • 그러나 현재 상황이라면, import로 에셋을 관리하더라도 pretendard 패키지를 설치할 때 JP와 Std를 포함한 모든 에셋을 추가하게 됨
  • 따라서 모노레포 형태로 pretendardpretendard-jp, 그리고 pretendard-std와 같이 패키지를 나눠 쓸 수 있게 하면 어떨지?

릴리즈 시 JSDelivr 캐시 초기화

개요

JSDelivr의 캐시 정책으로 인해, Pretendard가 릴리즈 될 때 웹폰트가 바로 변경되지 않습니다.
이에 릴리즈 시에 JSDelivr의 캐시를 초기화(Purge)하는 스크립트를 GitHub Workflow에 추가합니다.

구현 방식

  • GitHub Workflow에 curl 로 JSDelivr에 Purge를 위한 GET 요청을 보냅니다.

Chevron 모양 PUA 글리프 호환 요청

Spoqa Han Sans에서 Pretendard로 Migration 할 때,

기존에 Spoqa Han Sans에서 지원하던 PUA 공간 특수 글리프가 Pretendard에는 없어서, = 모양의 이상한 글자가 노출됩니다.

혹시 해당 PUA 글리프를 Pretendard에 추가해 주실 계획이 있으신가요?

PPT에서 PDF변환시 기호 깨짐 현상

test2

PPT에서 작성된 파일을 PDF변환시 %, & 등등 기호들이 깨지는 현상이 있습니다.
폰트 초기에는 이런 현상이 없었던 것 같은데 최신 버전 폰트 들에서 계속 같은 문제가 있습니다.
혹시 해결책이 없을까요?

Appie CDN(?) 관련 문의

https://pretendard.appie.dev/ CDN에서 Pretendard 웹 폰트를 배포 중인것을 한 홈페이지에서 발견했습니다.

해당 CDN이 정식적으로 본 레포에서 관리되고 있는것이며, 최신 버전인 1.3.0이 맞는지 확인이 가능하실까요?

Google Fonts에 업로드

안녕하세요! 먼저 좋은 폰트를 만들어주셔서 감사합니다.

개요

현재 Pretendard는 Google Fonts에 등재되어있지 않습니다. 하지만 조건을 만족하는 모든 폰트는 이곳에 등재될 수 있습니다. 만약 Pretendard가 이곳에 업로드 된다면 좀 더 편리하게 사용할 수 있고, 홍보에도 도움이 될 것 같습니다.

오픈타입 기능: 한글에 맞춘 가운뎃점을 한자 및 가나에도 적용

안녕하세요! 감사히 사용하던 중에 또 궁금한 점이 생겨 요청드립니다.

제가 Pretendard를 본고딕 JP와 섞어쓰고 있는데 font-feature-settings: 'ss05'를 적용해도 일본어 문장에서 가운뎃점이 기존처럼 아래쪽에 출력되더라고요.

제가 오픈타입 기능에 대해선 잘 모르지만 '한글에 맞춘 가운뎃점'이라고 되어 있었으니 한글 문장에만 적용되는 것인가 싶었는데요, 그게 맞다면 이걸 일본어나 중국어 문장에도 적용되게 해주셨으면 좋겠습니다.

감사합니다!!

반각 가타카나 추가 및 세로쓰기 지원

안녕하세요! 반각 가타카나랑 세로쓰기도 지원했으면 해서 이슈 남겨봅니다.

무제-1

U+FF61부터 U+FF9F까지가 빠져 있는데 들어가면 좋을 것 같아요. 근데 이게 예전 M PLUS 1p에는 있는데 프로젝트를 GitHub로 옮긴 뒤의 새로운 M PLUS 1에는 포함되어 있지 않더라고요..

무제-2

세로쓰기 환경에서 괄호가 가로쓰기에서처럼 나오고 っ, ッ, ぁ, ヶ 같은 스테가나가 우측 세로 중앙에 있어야 하는데 가로쓰기에서처럼 중앙 하단에 위치합니다.

검색해보니 OpenType 테이블의 GSUB인지 GPOS인지 vert 기능에 관련된 것 같은데 잘 모르겠네요..

사용중인 회사 목록 리스팅

오픈소스 프로젝트의 신뢰도를 높이고 참여감을 높이기 위해 사용하고 있는 회사를 리스팅하는 경우가 많습니다. 사용중인 회사의 멤버들이 비교적 가볍게 로고를 올리는 정도로 Pretendard에 기여할 수 있는 기회를 만들어 주기도 하고요. Pretendard도 사용중인 회사 목록을 리스팅해보면 어떨까요?

아래는 예시입니다.

Figma 에서 텍스트 입력시 오류가 발생합니다.

Mac OS 12.1 Monterey 버전이구요 Figma 107.1 버전입니다.
한글 폰트 입력시 오류가 발생합니다.
동일 OS환경에서만 이런 오류가 생기는 것 같습니다. Mac OS 11, Figma 107.1 버전에서는 문제가 없습니다.
image

글꼴 두께에 따른 너비 차이

안녕하세요,

Pretendard 폰트 사용시 공백의 유무에 따라 글자 굵기별로 너비가 1~2px 정도 차이가 나는데 의도한 현상인건지 궁금합니다.

의도되지않은 부분이라면, 이 부분을 개선할 수 있을까요?

아래의 이미지는 Chrome(MAC)에서 캡쳐하였습니다. Figma 에서도 같은 현상이 재현됩니다.

image2

image1

Windows Terminal 에서 폰트 문제

문제

Pretendard 폰트 사용 시 띄어쓰기 한 것처럼 간격이 벌어짐.

환경

  • Windows 10 21H1 / Windows Terminal Preview 1.13.10983.0 / Pretendard 1.3.0 otf,ttf 설치
  • Windows 11 21H2 / Windows Terminal 1.12.10733.0 / otf, ttf

Consolas

w11-consolas

Pretendard

w11-terminal-p

w11-p-s1

Flutter에서 pretendard 사용

안녕하세요!
플러터 프로젝트에 이 글꼴을 사용하고 싶은데, 폰트 적용이 제대로 되지 않아 이슈 올립니다.
.ttf, .otf 모두 해봤고 다른 웹폰트 등록하는 방식과 똑같이 했는데 다른 폰트만 제대로 뜨고 pretendard만 적용이 안되는 것 같습니다.
한번 확인해주실 수 있나요?
플러터는 2.2.3 버전을 사용하고 있습니다.

brew install font 등재

안녕하세요. 아래의 Google Font 등록은 잘보았습니다.
저 또한 brew ( 패키지 관리자 ) 의 font 패키지 등록 원하는데,
혹시 제가 그것을 진행을 해봐도 될런지요?

npm 패키지화

npm 패키지로 릴리즈하면, npm install pretendard 명령으로 프론트엔드 개발에 사용 가능합니다.

좋은 폰트 제작에 감사드립니다.

가변 폰트의 웹폰트 다이나믹 서브셋 제공

⚠️ Experimental
구현 및 실제 환경에 적용 가능한지 테스트를 하고 있습니다.
해당 내용이 불가능하다고 판단될 경우 Issue를 닫을 수 있습니다.

개요

#4 의 연장선상에서 진행하는 작업입니다.
가변 폰트(Variable Font)도 다이나믹 서브셋을 적용하여 최신 웹 환경에서 더 적은 용량으로 폰트를 불러와 사용할 수 있도록 합니다.

구현 방식

Google의 경우, weight를 선택하면 주소 파라미터에 @wght 값이 붙으며, 입력한 값 각각에 대해 font-weight 의 CSS가 생성됩니다.
이때 불러오는 파일의 경로는 모두 동일합니다. 구현 방법을 차용하여 구현할 수 있는지를 실험해보려고 합니다.

  • subset-utils 에서 kinds가 "dynamic"일 때, variable 여부를 받을 수 있도록 합니다.
  • variable 여부에 따라 INPUT_PATH, DIST_PATH, CSS 파일명을 수정합니다.
  • 각 폰트 패키지 내의 dist/web/variable 내에 템플릿 CSS를 추가합니다.

Support for simplified Chinese

Hi,

I noticed that pretendard-jp works with traditional Chinese characters but not simplified ones. It would be very useful to have a version of Pretendard that works for simplified Chinese, is this possible?

Thanks!

눈누 웹폰트 사이트와 본 공식 Repository의 웹폰트의 배포 방식 차이로 인한 폰트가족 분할 문제

눈누 웹폰트에 올라온 Pretendard는,
먼저 웹폰트 번들이나 다이나믹 웹폰트 형태가 아닌 직접 다운로드 하여 호스팅하는 방식으로
제공되고 있어 눈누를 사용하는 경우 직접 css 작업을 해야하는 점이 있으며,

또한 폰트가족도 각 굵기마다 다르게 업로드 되어있어 굵은 글씨의 경우 수동으로 Pretendard-Bold로 지정해야합니다.
이런 불편함을 줄이기 위해 눈누에 문의하여 공식으로 배포되는 다이나믹 웹폰트를 업로드하고, 폰트가족을 하나로 합쳐 사용자의 불편함을 줄였으면 합니다.

실제로 본고딕도 이런 절차로 구글폰트에서 제공하는 다이나믹 웹폰트로 교체된 바 있습니다.

figma 사용 시 Strikethrough 위치 오류

스크린샷 2022-06-07 오후 12 46 52

figma에서 프리텐다드를 사용 중인데, 원래 중간을 통과해야하는 선이 자꾸 상단에 위치되어 있어 사용에 어려움을 겪고 있습니다.
최신 버전 설치했을 때 해당 이슈가 있어 예전 버전 중 하나를 설치해 정상적으로 사용하고 있었는데, 최근들어 다시 이런 이슈가 발생하고 있어 문의 드립니다.
혹시 해결할 수 있는 방법이 있을까요?

외부 인터넷이 한정적으로 연결되는 환경에서 "다이나믹 서브셋" 적용하는 방법 문의

안녕하세요. 프리덴다드 체 잘 사용중입니다. 감사합니다.

[질문]

1.컴퓨터 fonts 폴더에 설치할 수 있는 설치파일은 별도로 없는 것일까요?
src: local('Pretendard Black')
요걸 적용하려면 개인 컴퓨터에 설치가 되어야 하는데 말이죠.
개인 컴퓨터에 설치를 어떤식으로 하면 될까요?





2.다이나믹 서브셋 CDN 제공해주신 코드를 보면
src: local('Pretendard Black')
와 같이 사용자 개인 컴퓨터에 설치되어있다면 그 폰트를 적용! 이라는 코드가 없는데요.

=>
다이나믹 서브셋 CDN 은 local 은 따로 지원은 안해주시고
무조건 인터넷 연결이 된 환경에서 CDN 설치방식으로밖에 안될까요?





3.다이나믹 서브셋을 CDN 으로 하는게 아니라
회사 서버에 올리려면 어떤 방식으로 해야할까요???

=>
[Pretendard-1.1.1\web\static\woff2-subset]
폴더 들어가보면 "Pretendard-Black.subset.woff2" 형식으로만 되어있는데요~

이게 이렇게가 아니라
woff2-dynamic-subset/Pretendard-Thin.subset.0.woff2
woff2-dynamic-subset/Pretendard-Thin.subset.1.woff2
woff2-dynamic-subset/Pretendard-Thin.subset.2.woff2
woff2-dynamic-subset/Pretendard-Thin.subset.3.woff2
woff2-dynamic-subset/Pretendard-Thin.subset.4.woff2
....
이런식으로 woff2 파일들이 다 분리되어있어야 하지 않나요?





4.내부 프로젝트에 "다이나믹 서브셋 - HTML" 방식으로 폰트 적용을 하려고 하였는데요.
이게 보안 상 내부망에서는 인터넷 연결이 한정적으로 되어있어서
CDN 으로는 적용이 안되더라고요.

=>
방법 A :
CDN 방식으로 넣고,
내부망 컴퓨터에 폰트파일을 설치한다.
어차피 "src: local('Pretendard Black')" 로 폰트가 내부컴퓨터에 설치되어있다면 적용 될것 같다.
(단, @font-face 에 "src: local('Pretendard Black')" 이 적용되어있어야하는데, 다이나믹 서브셋에는 없다....)

방법 B :
프리텐다드 폰트를 제가 다운받아서
회사 서버에 폰트파일 올리는 식으로 하면 될것 같은데요.
요것도.... 4번 질문이랑 연결되는데, 다이나믹 서브셋을 어떤방식으로 올릴지 의문입니다.

방법 C :
기타 더 좋은 방법 있으면 추천 부탁드립니다.

감사합니다.

Pretendard 사용 서비스 예시 등록

안녕하세요, 저희 서비스에서 Pretendard 를 사용하고 있습니다. (점진적 도입중)
https://festa.io

혹시 사용중인 회사에 등록 가능한지 물어보고 싶어 이슈 남깁니다.
로고 같이 남깁니다.

감사합니다.

Festa logo black

겹낫표와 한문의 약자, 간자의 표현 문제

겹낫표 '『』'가 한글에서 쓰기에 좀 이상해 보이네요. 문법대로면 세로쓰기에서 큰따옴표 대신 쓰는건데 한글에 그렇게 조화로운지는 의문이 있긴 합니다. 전체적으로 폰트가 마음에 들어서 애용하고 있습니다만... 이따금 겹낫표에서 흠칫하게 되네요. ;;
일본에선 가로쓰기에도 그냥 사용하고 그걸 한국에서 번역하거나 했을 때 그대로 쓰이기도 하는 등 빈도는 적어도 그럭저럭 볼 수 있습니다.
그럴때마다 아쉽게 보이는 디자인입니다. 영어에 맞춘 디자인이라면 한글이나 한자에 맞춘 조화로운 디자인이 될 수 있었으면 좋겠습니다. 그냥 제 눈에만 이상한거면 뭐 어쩔수 없지만요.

사용하신 소스인 Noto Sans CJK KR에서는 표현해 주는 한자들을 표현하지 않고 있습니다.
정자는 표기하지만 약자, 간자 표기는 전혀 표기되지 않는것 같습니다. 프리텐다드 JP에선 약자 표기가 표현되던데...
https://korean.go.kr/nkview/nklife/1989_2/17_3.html 간체는 중국에서만 쓰는거라 볼 수 있지만 약자는 사실 조선의 고서에서도 속자로 두루 사용됐기에 사실상 한글 폰트에 포함돼야 하지 않나 싶네요. 프리텐다드 JP에만 있는게 맞나 싶네요. 간자도 가능한 들어갔으면 좋겠구요.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.