728x90 300x250 Front-end/화면구현14 NOTO SANS 노토산스 CDN NOTO SANS 노토산스 폰트를 다운받아서 사용하는 방법은 지난번에 포스팅했었는데요 https://moo-you.tistory.com/151 Noto Fonts :: 노토산스 한글 폰트 다운받고 설치하기 Noto Fonts 한글 다운받고 설치하기 1. 구글에서 google noto sans 검색해서 다음 사이트에 접속합니다. www.google.com/get/noto/ Google Noto Fonts When text is rendered by a computer, sometimes character.. moo-you.tistory.com 이번에는 CDN을 이용해서 하는 방법입니다. CDN으로 폰트를 변경하면 속도 문제가 있을수있고 인터넷 연결이 되야 하기 때문에 개인적으로 잘 사용은 안하지만 간편하게.. 2021. 7. 2. giphy 움짤 직이는 이미지 모음 어플 사이트 다양한 움짤 모음 사이트로 유명한 giphy 입니다. https://giphy.com/search/icon Icon GIFs - Find & Share on GIPHY Find GIFs with the latest and newest hashtags! Search, discover and share your favorite Icon GIFs. The best GIFs are on GIPHY. giphy.com giphy는 어플로도 다운받을 수 있습니다. 외국 사이트라 영어로 검색해야 하지만 엄청 다양한 종류의 움짤들을 확인할 수 있습니다. 클릭을 해서 link나 iframe으로 불로 올 수도 있습니다. 자신이 직접만든 움짤을 업로드 할 수도 있습니다. 이미지는 다르이름으로 저장해서 다운 받아서 사용할 수.. 2021. 6. 15. 구글 웹폰트 사용 방법 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 위에 Google Fonts에 접속합니다. 원하는 폰트를 찾으면 되는데 한글 폰트를 찾는다면 Language를 Korean로 변경합니다. 여러개의 폰트중 원하는 폰트를 클릭합니다. 저는 Nanum Pen Script라는 폰트를 선택했습니다. Select this style를 클릭합니다. 그러면 오른쪽 편에 내가 선택한 폰트가 담긴걸 확인할 수 있습니다. link를 복사해서 구글폰트 사용법 테스트 입니다. Download all 해서 사용할 수도 있습니다. 다운받은 폰트를 원하는 위.. 2021. 6. 14. html 제목태그의 필요성 제목태그(h태그) h1, h2, h3, h4, h5, h6 이렇게 html의 제목 태그가 존재하지만 제목태그를 사용하지 않아도 같은 결과를 줄 수 있습니다. 시맨틱 태그등을 사용하지 않아도 div나 sapn만으로도 코딩이 가능합니다. 실제로 div만으로 코딩하신분도 몇번 본적이 있습니다. 결과로 보면 비슷해 보이지만 html에 의미에 맞게 사용해야 합니다. 오늘은 그이유에 대해서 알아보겠습니다. 아래와 같은 코드가 있을때 title title 위에처럼 의 제목태그로 감싼 코딩과 아래와 같이 strong과 sapn으로 깜싸고 스타일을 준 코딩은 결과만 보면 차이가 없어 보입니다. 하지만 여러가지 이유로 제목태그를 사용할 것을 권장합니다. 제목태그의 필요성 1. 간결함 위에 예시 코드만 봐도 알겠지만 제목 .. 2021. 6. 12. 이전 1 2 3 4 다음 728x90 반응형
