스포카 폰트도 웹상에서 자주 보는 서체 중 하나인데 아무래도 폰트를 만들어서 배포하고 있는 스포카가 직접 실무에서 활용하기 위해 만들었기 때문에 지속적으로 유지보수가 된다는 점과 한글에 최적화되어 있다는 점이 큰 장점입니다. https://spoqa.github.io/spoqa-han-sans/ Spoqa Han Sans Neo Spoqa unveil the new Spoqa Han Sans Neo, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 네오를 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスネオ spoqa.github.io Spoqa Han Sans Neo 폰트를 사용하는 웹사이트 @font-face { font-fa..
애플 산돌고딕 NEO 폰트는 애플 기본 폰트 입니다. 라이선스는 모두 애플이 가지고 있고, 애플 제품 사용자는 비상업, 상업용도 모두 사용 가능 합니다. 참고로 산돌고딕에서 제작한 산돌네오고딕NEO시리즈와는 다른 폰트입니다. ttf 파일 다운로드 woff2 파일 다운로드 // CSS @font-face { font-family: AppleSDGothicNeo; font-weight: 100; src: url(AppleSDGothicNeoT.woff2) format("woff2"); } @font-face { font-family: AppleSDGothicNeo; font-weight: 200; src: url(AppleSDGothicNeoUL.woff2) format("woff2"); } @font-fa..
한글폰트를 지원 하는 폰트 중에 font-weight가 다양한 폰트 중 하나가 Pretendard글꼴인데, 디자이너 길형진 님이 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트입니다 window, ios 둘 다 지원하고 한국어에 최적화된 기호까지 지원하는 장점이 있고 Pretendard를 사용하는 웹사이트들이 많더라구요! 전체적인 설명은 제작자의 티스토리에 자세히 적혀있어서 링크 걸어봅니다. https://cactus.tistory.com/306 Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와..
https://www.cjfreshway.com/ CJ프레시웨이 CJ프레시웨이는 좋은 식자재를 유통하며, 건강하고 맛있는 식문화를 창출하는 대한민국 최고의 글로벌 식자재 유통 및 푸드 서비스 전문 기업입니다. www.cjfreshway.com:443 CJ프레시웨이사이트를 클론 코딩하다가 CJ그룹에서 사용하는 전용서체 OnlyOne 서체를 만났다. 가독성이 떨어질 줄 알았는데 적당한 굴림서체가 오히려 제목요소와 탭메뉴같은 타이틀로 궁합이 좋았다. 상업적 용도로는 절대 사용을 못합니다 라이센스는 CJ그룹에 있는것 같아요 HTML 삽입 미리보기할 수 없는 소스 CJOnlyOne Woff 다운로드 CJOnlyOne TTF 다운로드 @charset utf-8; @font-face { font-family: "Cj..
Tenor Sans 구글 웹폰트 Tenor Sans - Google Fonts Tenor Sans is a humanist sans-serif typeface designed by Denis Masharov. Intended for the setting of body text, it can also be applied to headlines. Optimized f fonts.google.com 확실히 영문 폰트들이 이쁜 서체들이 많은 것 같다. 기본적으로 굵기를 하나만 제공해서 자주 사용하는 서체는 아니지만.. 지금 같은 느낌의 사이트에는 공유해서 사용하기 좋을 듯 하다. 삐침이 있는 서체들은 확실히 고딕체에 비해 고급스럽고 우아하고 부드럽다. 위아래 이미지를 비교해보면 한글폰트는 기본 Noto Sans..
Noto Sans KR폰트는 현재 웹사이트에서 가장 많이 사용하는 폰트 중 하나이다. 구글웹폰트에서 지원하고 있고, 폰트 두께가 다양하고, 한글을 지원하므로 앞으로도 꾸준히 쓰여질 전망이다. Noto Sans KR - 구글 웹폰트 Download family누르면 otf 설치파일 다운 가능 Noto Sans KR - woff파일 // CSS (절대경로) @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); // CSS (상대경로) @charset utf-8; @font-face { font-family: 'Noto Sans KR'; font-style: nor..
클론코딩을 하다보면 기본폰트 외 다양한 폰트를 만나게 되는데 가끔 무료폰트를 만나면 기분이가 좋습니다. 형광펜으로 칠한 텍스트는 Noto Sans Kr인데 확실히 단점을 보완한 서체같다 써보면 확실히 text-align과, letter-spacing을 잘 보완한 느낌이 있다. SUIT 폰트 - OTF, TTF, WOFF2 다운 가능 S U N N sunn.us // HTML // Font-CSS @font-face { font-family: 'SUIT'; font-weight: 100; src: local('SUIT Thin'), url('./font/suit/SUIT-Thin.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weigh..
- Total
- Today
- Yesterday
- css4
- 시멘틱마크업
- uidesign
- uxdesign
- 피그마플러그인
- margin
- 포토샵합성
- uiux
- Slick
- css
- padding
- 프로그래밍기초
- 웹접근성
- UI디자인
- slickAPI
- 자바스크립트숫자카운트
- 슬라이드플러그인
- 코딩교육
- Border
- 크로스브라우징
- 디자인팁
- JavaScript
- css그리드
- 스마트폰해상도
- JavaScriptTips
- 반응형웹
- boxmodel
- 웹표준
- 웹디자인
- CSS3
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |