티스토리 뷰
프로젝트 진행중 갑자기 중간에 웹폰트를 바꾼다고해서 검색해본 폰트인데 애플에서 만든 차세대 폰트네요.
바로 SFPro폰트..
다행히 검색을 좀 해보니 누군가가 벌써 정리해서 올려놔서 구글링 한 정보들을 간단히 남겨놓습니다..
필요하신 분들은 읽어보고 바로 쉽게 적용하시면 됩니다.
gist.github.com/mfd/614e2e80a22b878bde63cb471cbe677e
San Francisco Web Font
San Francisco Web Font. GitHub Gist: instantly share code, notes, and snippets.
gist.github.com
CSS 기본 시스템 폰트 설정 (2019)
각 운영체제 별로 기본 시스템 폰트를 로드하는 CSS 코드. 영문 시스템 폰트를 로드하는 것을 기본으로 되어 있기에 특정 국가에 대한 폰트 설정을 목표로 한다면, 폰트 리스트를 추가적/구체적
blog.hyungsub.com
Apple Newsroom 서체 따라하기
아주 오랜 기간 나에게 딱 맞는 폰트 CSS를 찾아왔다.
blog.chosunghyun.com
'팁!' 카테고리의 다른 글
| 모바일, 태블릿 device-pixel-ratio 계산 방법 (0) | 2020.09.19 |
|---|---|
| 구글링 팁 (0) | 2020.06.14 |
| 마크다운 작성법 (0) | 2020.05.18 |
| CLI(Command line interface) 명령어 (0) | 2020.03.09 |
| 스프라이트 이미지 사용시 좌표값 쉽게 얻어주는 사이트 (0) | 2017.08.11 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 부트스트랩class명
- VSCode
- bxslider
- placeholder css
- 반응형웹
- San Francisco web font
- node.js
- 자바스크립트 탭메뉴
- PlaceHolder
- 패럴럭스 스크롤
- 접근성탭메뉴
- 깃허브
- 부트스트랩 네이밍
- 본고딕
- San Francisco웹폰트
- SFPro web font
- 웹폰트
- SFPro웹폰트
- Flexbox
- jquery
- 애플웹폰트
- CSS3
- 접근성 tabmenu
- WAI-ARIA tab menu
- one scroll
- 키보드접근성자바스크립트
- 키보드 웹접근성
- 웹 접근성
- WAI-ARIA탭메뉴
- Git
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함