QUIZ
현재 가장 트렌디하고 실무 활용도가 높은 웹폰트 10가지 레퍼런스 코딩하기
웹폰트가 정리된 레퍼런스 코드가 있다면 참 좋을것 같습니다.
위 예제처럼 코딩해 보세요.
웹폰트로드는 로컬서버 / CDN 둘 다 됩니다.
필자는 CDN 방식을 추천 합니다.
시작 코드는 아래 코드로 해보세요.
https://codepen.io/lshjju/pen/YPGEKVq?editors=1000
Modern web font best 10 - start
...
codepen.io
혹시 웹폰트 공부 전이라면 아래 코드 카드를 탭하고 공부하고 오면 됩니다.
https://lshjju.tistory.com/677
구글 웹폰트 사용 방법
구글웹폰트 사용 방법구글웹폰트 서비스 유아이는 놀라울 정도로 자주 변경 됩니다.시간이 조금만 지나도 아래 매뉴얼과 유아이가 달라질 수 있습니다.그래도 얼추 맥락은 비슷하니까 센스있
lshjju.tistory.com
필자가 서치한 베스트 10은 아래와 같습니다.
하지만 검색 엔진이나 프롬프트에 따라 다양한 결과가 나올 것입니다.
본인이 찾은 베스트10으로 해도 좋습니다.
https://lshjju.tistory.com/678
2025년 현재 가장 트렌디하고 실무 활용도가 높은 구글 웹폰트 10가지
UI 디자인을 시작할 때 어떤 폰트를 써야 할지 모르겠다면 가장 인기있는 폰트부터 시작해보는 것을 추천 합니다. 🇰🇷 한글 폰트 추천 (Top 5)한글 UI 디자인의 핵심은 **'가독성'**과 **'다양한 두
lshjju.tistory.com
완성 코드 보기
완성 코드는 아래와 같습니다.
하지만 본인 스스로 먼저 해본 다음 참고한다면 더 훌륭합니다.
https://codepen.io/lshjju/pen/jEMaNyz
Modern web font best 10
...
codepen.io
'New' 카테고리의 다른 글
| 현재 대한민국에서 가장 많이 사용되는 모바일 디바이스 스펙 안내 (0) | 2026.03.20 |
|---|---|
| 미디어쿼리 스펙 추천 (0) | 2026.03.20 |
| 네비게이션은 <ul>로 만들어야 할까 <div>로 만들어야 할까? (0) | 2026.03.20 |
| CodePen(코드펜) 온라인 에디터 매뉴얼 (0) | 2026.03.20 |
| JavaScript 를 알게 되면 일어나는 일 (0) | 2026.03.18 |