CSS

서체

여기는 동영상 수업이 따로 없습니다.  

고정폭과 가변폭

서체는 크게 두가지 방법으로 구분할 수 있습니다. 고정폭(monospaced)과 가변폭입니다. 아래는 두가지 방식의 차이를 보여주는 이미지 입니다. 

serif vs sans serif

serif는 글꼴에서 사용하는 장식을 의미합니다. sans는 부정의 표현입니다. 즉 sans serif는 serif가 아니다는 뜻입니다.  

출처 : http://www.w3schools.com/css/css_font.asp

폰트 랭킹

많이 사용하는 폰트의 랭킹을 알려주는 사이트가 있습니다. 이 사이트를 통해서 가장 많이 사용하는 폰트는 무엇인지를 알아보는 것도 재미있을 것 같습니다. 

http://www.fontreach.com/#top

국내폰트

네이버에서 운영하는 국내 자료실입니다. 무료폰트를 다운로드 받을 수 있습니다. 

http://software.naver.com/software/fontList.nhn?categoryId=I0000000#brandId=

댓글

댓글 본문
  1. DreamBoy
    2023.09.17. CSS - 타이포그래피 - 서체 파트 완료했습니다.
  2. AgainstartJH
    2022년 11월 10일 목요일 학습완료!
  3. 헤밍웨이
    220823 감사합니다!
  4. vigorously27
    2022년 7월 19일 학습완료!
  5. INJE
    22/03/16
  6. 강수빈
    22.2.4 완료
  7. 드림보이
    2021.11.10. 서체 파트 수강완료
  8. 이현수
    2021.09.10(금)
  9. 두드
    2021.07.21 완료
  10. jeisyoon
    2021.06.21 서체 - OK
  11. barozaqu
    20210518.
  12. choi
    완료
  13. yogg
    serif : 장식이 있는 거 ~
  14. Minint
    2021.03.13
  15. monospace, serif 설명
  16. 스마일가이
    2021.01.26 완료 감사합니다
  17. datsciseol
    20210115
  18. 따뜻한츄르
    201230
  19. 201214
  20. switpotato
    20201122: 2차학습 완료
  21. 켄드릭
    2020년 11월 03일(화) 13:49 1차 수강완료
  22. 여니여니
    201006 감사합니다
  23. 김성곤
    20200718 감사합니다!
  24. 한강
    serif 장식이 있는, sans-serif 장식이 없는, monospace 고정폭
    200528
  25. green diseny
    이거 한번씩 봐보기
  26. 무지개반사
    완료
  27. Blanc
    2020.01.05
  28. 치디우기
    수강완료
  29. 김주엽
    수업완료
  30. lygon
    2019-02-23 완료
  31. 숨이
    완료했습니당
  32. 김민영
    완료
    감사합니다
  33. SlowStarter
    감사합니다!
  34. nomad코딩
    serif, sans-serif는 이 폰트의 장식이 있다/없다를 알려주는 정보용도인가요? 장식을 표시/표시하지 않음 을 나타내주는 기능용도인가요?
  35. JN87
    180103 감사합니다!
  36. 푸른하늘
    10일차 공부 감사합니다
  37. 이성준
    산쓰 산쓰!!!
    감사합니다!
  38. 오빠는다르다
    감사합니다.
  39. ballbot
    폰트 랭킹 사이트는 유용하네요~
  40. 14번째
    5.18.
  41. php가 첫취업?
    어디 아x티x크 학원보다 더 쉽고 알차게 알려줘서 좋습니다..
    진작 이런데 알았으면 좋았을텐데;;아쉽네요 ㅠㅠ
  42. 넘 감사합니다^-^
    사실 html수업을 많이 참여해봤고,
    사용도 하고 있지만 이렇게 알고리즘에 대해서 정확히 집어주는 수업은 처음이어서

    하나하나 아는 내용들도 다 보고 있어요.

    선생님이 어느 과정 이수하셨는지 궁금해요~ ㅎㅎ 그리구 보통 개발자 분들은 수업하실때 ㅠㅠ 진짜 외계어처럼 알려주시던데 마치 국문과 선생님처럼 언어를 알려주셔서 주옥같은 수업이네요.
  43. 어린왕자
    와~~~ 배리굿!! 이해 ㅇㅋ
  44. thanks!
  45. 감성팔이
    감사합니다!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기