팁 & 노하우
  • 목록
  • 아래로
  • 위로

웹폰트 속도 느려서 사용 못하시는분들 참고하세요!

  • 12
  • title: 은메달도다
  • 조회 수 1631

13.PNG

 

구글 gstatic.com 이라는곳에서 폰트를 불러오는데요.

12초.... 속도를 중요시하는 저로썬 저건 용납할 수 없는 일이였습니다.

 

JSDELIVR 라는 CDN을 찾았는데요! cdnJS라는 Cloudflare 쪽 CDN 보다 빠른거같더라고요?

그래서 fontawesome 부터 나눔고딕 웹폰트까지 jsdeliver으로 오도록.... ㅎㅎ 트래픽 부담때문에 내부 서버는 사용 못하겠더라고요 ㅠ

 

이건 제가 찾고 사용중인 프로젝트들 입니다.

나눔고딕 : http://www.jsdelivr.com/projects/font-nanum

Noto Sans (본고딕) : http://www.jsdelivr.com/projects/font-notosans-kr

나눔스퀘어 : http://www.jsdelivr.com/projects/nanumsquare

나눔바른고딕 : http://www.jsdelivr.com/projects/font-nanumlight (경량화 버전)

FontAwesome : http://www.jsdelivr.com/projects/fontawesome

 

작성자
title: 은메달도다 43 Lv. (39%) 150700/154880EXP

안녕하세요 



댓글 12

이니스프리
profile image
좋은 정보 감사드립니다! :)
덕분에 속도 관련하여 항상 많이 배우네요 ㅎㅎ
도다 님께서도 즐겁고 뜻깊은 연휴 보내세요~
안녕히 주무세요 ^-^
comment menu
2017.01.27. 00:22

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

신고

"동방개념지국님의 댓글"

이 댓글을 신고 하시겠습니까?

마스터 → 동방개념지국
profile image
개인이 직접 프로젝트에 참여도 가능한거군요~
comment menu
2017.01.27. 00:24

신고

"마스터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 금메달 (30일)동방개념지국 → 마스터
여기에서 개인도 참여할 수 있습니다.
https://github.com/jsdelivr/jsdelivr
comment menu
2017.01.27. 00:27

신고

"동방개념지국님의 댓글"

이 댓글을 신고 하시겠습니까?

마스터 → 동방개념지국
profile image
오호! 그렇군요!!
comment menu
2017.01.27. 00:32

신고

"마스터님의 댓글"

이 댓글을 신고 하시겠습니까?

마스터
profile image
요즘 구글 웹 폰트 많이 느려졌나요?
comment menu
2017.01.27. 00:23

신고

"마스터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 금메달 (30일)동방개념지국 → 마스터
구글 웹 폰트가 딱히 빠른 편은 아니더라고요.
comment menu
2017.01.27. 00:28

신고

"동방개념지국님의 댓글"

이 댓글을 신고 하시겠습니까?

마스터 → 동방개념지국
profile image
구글 믿고 쓰고있는데 따로 체크를 안해봤네요. 나중에 확인해봐야 할듯요.
comment menu
2017.01.27. 00:33

신고

"마스터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 마스터
회선마다 차이가 있는거 같은데요...
전 위 스샷처럼 12초.... 가 걸려서 바꿨습니다.
자바스크립트 써서 웹폰트 ON/OFF 라도 만들어야할까봐요 ㅠ
comment menu
2017.01.27. 00:51

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

부루마블
오호 좋은 정보 고맙습니다.
comment menu
2017.01.27. 00:55

신고

"부루마블님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 맛스타의 자물쇠에듀
profile image
팁&노하우 게시판으로 이동되었습니다.
comment menu
2017.01.27. 15:00

신고

"에듀님의 댓글"

이 댓글을 신고 하시겠습니까?

곤야
에고ㅠㅠㅠ 좋은 정보 공유해주셔서 감사드려요! 이것저것 사소한 부분에서 속도를 많이 잡아먹던데 이걸로 조금은 해결할 수 있을 것 같아요ㅠㅠ
comment menu
2017.02.02. 18:51

신고

"곤야님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 707
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4381
546 [Python] 소수점 자리수의 출력 - round() vs format() 1 이니스프리 이니스프리 20.02.15.11:53 31765
545 [Python] 파일을 읽어서 각 행을 리스트로 만드는 5가지 방법 이니스프리 이니스프리 18.11.25.22:16 23299
544 안티앨리어싱 옵션: 알고 쓰자. 5 image 하루살이 title: 황금 서버 (30일)하루살이 17.02.25.23:57 19432
543 GIF 파일의 용량을 줄여주는 사이트 - gifgifs.com image 이니스프리 이니스프리 17.10.09.12:57 17666
542 [Python] tqdm과 enumerate를 함께 사용하기 이니스프리 이니스프리 20.05.29.19:07 16475
541 [OpenCV] !_src.empty() in function 'cvtColor' 에러 해결방법 2 이니스프리 이니스프리 19.11.15.20:40 12738
540 윈도우 작업 스케줄러에서 특정 작업이 실행 안 되는 경우 해결방법 (배치파일 등의 상대경로 관련) 2 image 이니스프리 이니스프리 18.10.02.19:38 12372
539 [파이썬] Selenium에서 클릭이 안 될 때의 해결방법 이니스프리 이니스프리 19.10.27.22:20 10372
538 [Python] Requests에서 JSON 데이터를 POST 전송하는 방법 x2 이니스프리 이니스프리 21.08.22.08:16 9592
537 [Selenium] select box, check box, radio button 조작하기 이니스프리 이니스프리 20.06.27.15:47 8445
536 유튜브 iframe api의 autoplay 옵션과 관련하여 1 image 이니스프리 이니스프리 19.01.05.14:45 7530
535 윈도우 MAK 라이센스의 인증 가능횟수 확인방법 4 이니스프리 이니스프리 18.11.21.23:53 7514
534 일본 아마존에서 MP3 음원 구입하는 방법 5 image 제르엘 제르엘 19.12.23.01:28 7367
533 DB 설계하실 때 사용하면 좋을거 같은 사이트 공유합니다. 1 image JAVA JAVA 17.11.21.15:06 6991
532 국전 '빨간집' 위치 및 영업시간 등 정보 3 이니스프리 이니스프리 18.11.30.16:17 6741
531 제조사별 서버 원격관리 툴의 명칭 정리 (iLO, iDRAC, IPMI 등) 이니스프리 이니스프리 18.11.22.22:10 6480
530 해외직구시 카드 중복결제에 대하여 (아마존 등) 9 이니스프리 이니스프리 18.12.30.15:52 6107
529 텔레그램 비밀대화의 스크린캡쳐 방지기능 이니스프리 이니스프리 20.01.20.23:44 5872
528 크롬 원격 데스크톱 조작법 2 이니스프리 이니스프리 20.06.03.23:03 5822
527 윈도우의 CMD 창에서 Ctrl+V로 붙여넣기 (윈도우 10 / 윈도우 8 이하) 3 image 이니스프리 이니스프리 18.11.08.00:15 5756

검색