728x90 분류 전체보기87 material-design-icons 사용방법 사용방법 1. 사용법은 기본적으로 아래 1번을 하고 원하는 머티얼리 아이콘을 body에 붙여 넣어주면 사용이 됩니다. 1-1. 소스를 html 문서의 head 사이에 링크를 복사해서 붙여넣어줍니다. 예) 1-2. 원하는 아이콘을 검색후에 소스를 body의 원하는 부분에 붙여 넣어줍니다. 햄버거 소스 menu 예) menu 전체 적용 예) menu 2. 셀프 호스팅 방법 2-1. 웹 글꼴을 자체 호스트하려는 사용자의 경우, 몇 가지 추가 설정이 필요하다. 예를 들어 아이콘 글꼴을 위치에 호스트 경로(https://example.com/material-icons.woff)및 다음 CSS 규칙을 추가하십시오. 소스를 css 스타일 시트에 넣어 사용합니다. @font-face { font-family: 'Mat.. 2021. 4. 27. 구글폰트 사용가이드 보호되어 있는 글 입니다. 2021. 4. 27. 햄버거 아이콘 보호되어 있는 글 입니다. 2021. 4. 27. Material Design 무료로 사용하기 구글에서 머티리얼 디자인 아이콘을 무료로 제공해주고 있습니다. 사용방법은 구글 머티리얼 아이콘 사이트에 접속하셔서 검색후 원하는 아이콘을 다운 받거나 링크를 다운받아 html문서에 붙여넣어 사용하시면 됩니다. 사이트 링크 fonts.google.com/icons?selected=Material+Icons 2021. 4. 27. css 스타일 시트 a 명령어 [링크 밑줄과 색지우기] 시타일 시트에 들어갈 a 명령어입니다. a{ text-decoration: none; color: #f8f4f5; } a 태그에 밑줄을 없애주고 색을 결정해 줍니다. 연결된 홈페이지 링크에 밑줄을 지워주고 링크에 보여지는 컬러를 지워줍니다. 2021. 4. 27. 구글 폰트 사용하기 다양한 폰트를 구글에서 무료로 제공하고 있습니다. 검색해 보시고 필요한 폰트를 무료로 사용해 보세요. html문서에서 링크를 걸어서 스타일 시트에서 불러와 사용하실 수 있고요. 다운 받아 설치해서 pc에서도 사용 가능합니다. 사이트 링크 fonts.google.com/?query=source 2021. 4. 27. 감람산 맵 보호되어 있는 글 입니다. 2021. 4. 25. 전화기 아이콘 보호되어 있는 글 입니다. 2021. 4. 25. 주소 아이콘 보호되어 있는 글 입니다. 2021. 4. 25. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90
