생활코딩

Coding Everybody

코스 전체목록

닫기

웹폰트

이 수업은 다소 난이도가 있고 덜 중요하기 때문에 나중에 보는 것을 추천드립니다. 하지만 재미는 있을꺼예요. ㅎ 

웹폰트란?

웹폰트는 사용자가 가지고 있지 않은 폰트를 웹페이지에서 사용할 수 있는 방법입니다. 폰트를 서버에서 다운로드하는 방식이라고 할 수 있습니다. 

본 수업에서는 구글에서 제공하는 무료 웹폰트 서비스인 google fonts를 이용해서 웹폰트를 설명합니다. 

google fonts

예제 - web-font.html

<!DOCTYPE html>
<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Londrina+Outline|Open+Sans+Condensed:300" rel="stylesheet">
    <style>
      #font1{
        font-family: 'Open Sans Condensed', sans-serif;
      }
      #font2{
        font-family: 'Indie Flower', cursive;
      }
    </style>
  </head>
  <body>
    <p id="font1">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis lacus eu ex rhoncus pretium. Sed vestibulum risus pharetra, consequat nibh ac, ornare nunc. Nunc eu dui eget lorem aliquet finibus.
    </p>
    <p id="font2">
      Quisque nec arcu felis. Vestibulum gravida, augue eu facilisis tempus, neque erat tincidunt nunc, consequat ultrices felis urna eu augue. Nulla ut urna purus. Curabitur ultricies rutrum orci malesuada tempor.
    </p>
  </body>
</html>

댓글

댓글 본문
  1. kdb5869
    24.04.25
  2. 곤비
    0216
  3. 미래도비
    02/07
  4. 다겸란
    수강완료
  5. DreamBoy
    2023.09.17. CSS - 타이포그래피 - 웹폰트 파트 완료했습니다.
  6. AgainstartJH
    2022년 11월 10일 목요일 학습완료!
  7. 헤밍웨이
    220823 감사합니다!
  8. 크레아토르
    22.08.04 완료
  9. 이슬유치원
    나중에 보기
  10. 기초부터
    2022-04-12 나중에 한번 더 듣기
  11. INJE
    22/03/16
  12. 초보자바
    22-02-13 폰트 완료
  13. 드림보이
    2021.11.10. 웹폰트 파트 수강완료
  14. 이현수
    2021.09.10(금)
  15. 두드
    2021.07.22 완료
  16. jeisyoon
    2021.06.21 웹 폰트 - OK
  17. barozaqu
    20210518.
  18. choi
    완료
  19. Minint
    2021.03.14
  20. 이해는 가는데 배포?할때는 경로나.. 폰트 원본같은 것들을 어케하는지 모르겠네요, 나중에 알게되려나..@_@
  21. HyeonHui Jeong
    20210219
  22. 사용자가 없는 폰트를 다운로드하여 사용할 수 있도록 만들어주는 방법
  23. 임태경
    완료했어요 감사해요
  24. 스마일가이
    2021.01.26 완료 감사합니다
  25. datsciseol
    20210116
  26. 따뜻한츄르
    2020 12 30
  27. 몽실엄마
    12/27/2020 잘 봤습니다.
  28. switpotato
    20201122: 2차학습 완료
  29. 켄드릭
    2020년 11월 03일(화) 14:06 1차 수강완료
  30. 여니여니
    201006 감사합니다
  31. 오석민
    완료
  32. 박병진
    2020.10.03 완료
  33. 콜라
    20200926완료
  34. jaehyunlee
    완료
  35. 한강
    웹폰트 잘 배웠습니다. ^^!
    200529
  36. 노병은 살아있다
    재미가 붙어 주말에도 집에서 열심히 듣고 있습니다.
    감사합니다
  37. green diseny
    잘안됨 다시해보기
  38. 무지개반사
    완료
  39. Blanc
    2020.01.05
  40. 열렬히수강
    chrome에서는 구글한글폰트가 적용되는데,
    Internet Explorer에서는 구글한글폰트가 적용되는것도 있고 안되는것도 있네요 ㅠ
    이부분은 해결방법이 없을까요...?
  41. matrix
    수강완료
  42. bahk.jinil@gmail.com
    수강 완료
  43. alpha
    191001 영문폰트만 수강완료
  44. 치디우기
    수강완료
  45. 류석현
    수강완료
  46. FIRE
    20190729 완료
  47. 다나가
    190722 - 수업완료!!
  48. 김주엽
    수업완료
  49. 노혜주
    완료
  50. lygon
    2019-02-23 완료
버전 관리
egoing@gmail.com
현재 버전
선택 버전
graphittie 자세히 보기