생활코딩

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

    감사합니다
  49. JN87
    180104 감사합니다!
  50. 푸른하늘
    10일차 공부 감사합니다
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기