홈메모검색
📎

CSS fonts

developer.mozilla.org

  • 웹 폰트 빠르게 — 로딩 전략
  • 가변 폰트
  • FontFace 로 아이콘 폰트 직접 로드 — document.fonts.add()

  • Creating websites with prefers-reduced-data | Polypane, The browser for ambitious developers1
  • Modifying Specific Letters with CSS and JavaScript | CSS-Tricks2
  • Stroke Text CSS: 📕 The Definitive Guide - Coding Dude3
  • Use advanced typography with local fonts4
  • Leading-Trim: The Future of Digital Typesetting | by Ethan Wang | Microsoft Design | Medium5
  • Google Fonts6
  • Using Font Variant Numeric7
  • Color Fonts - Get ready for the revolution!
  • How to Use Color Fonts on the Web
  • Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira
  • Font size is useless; let’s fix it
  • https://gwfh.mranftl.com/fonts/noto-sans-kr?subsets=korean,latin

폰트 만들기

  • https://apps.apple.com/us/app/fontself-make-your-own-fonts/id1512959192
  • https://glyphsapp.com/
  • https://www.figma.com/community/file/1115382696459820988
  • https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript

Footnotes

  1. prefers-reduced-data 가능하다면 ↩

  2. 특정 문자 변경하기 ↩

  3. 텍스트 스타일 ↩

  4. 로컬 폰트 감지를 위한 ↩

  5. leading-trim — 글꼴이 갖고 있는 여분 공백 제거 (제안 단계) ↩

  6. 목적에 따라 글꼴 고르는 법 ↩

  7. font-variant-numeric — 숫자·분수·서수의 대체 글리프 제어 ↩

#font#text#css
#171생성됨: 2022년 4월 9일 토요일