Material icons / 구글이 제공하는 아이콘 폰트
Material icons
Material icons는 구글이 제공하는 아이콘 디자인 모음입니다. 800개가 넘는 아이콘이 있으며, 무료로 사용할 수 있습니다.
Feel free to use, remix, and re-share the icons in your products. The icons are available under the CC-BY license. We'd love attribution in your app's "about" screen, but it's not required. The only thing we ask is that you not re-sell the icons.
아이콘은 이미지와 폰트 두가지 방식으로 제공됩니다. 폰트를 사용하면 CSS로 색이나 크기 등을 쉽게 변경할 수 있습니다.
Material icons를 폰트 방식으로 사용하는 방법은 다음과 같습니다.
CSS 파일 연결
HTML 문서에 다음의 코드를 추가합니다.
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
아이콘 찾기
https://www.google.com/design/icons/에서 사용할 아이콘을 찾습니다. 아이콘을 선택하면 웹브라우저 하단에 관련 정보다 뜨는데, ICON FONT를 선택하면 코드가 나옵니다.
첫번째 코드를 이용하면 IE9 이하에서 제대로 나오지 않습니다. 따라서 두번째 코드를 사용하는 것이 좋습니다.
스타일링
HTML 문서 코드를 넣고, 원하는 모양으로 스타일링 합니다. 다음은 크기와 색, 배경색을 조정한 간단한 예입니다. (IE8 이하에서는 원이 아닌 사각형 모양으로 나옵니다.)
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Material Icons</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<style>
.a { width: 300px; margin: 30px auto; padding: 75px 0px; background-color: #2196F3; border-radius: 50%; text-align: center; color: #BBDEFB; }
.a i { font-size: 150px; }
</style>
</head>
<body>
<div class="a">
<i class="material-icons"></i>
</div>
</body>
</html>
같은 카테고리의 다른 글
구글 애드(Google Ads)는 캠페인별로 하루 예산을 정할 수 있습니다. 하루 지출 가능한 금액을 정하는 것인데, 정확히 지키지는 않습니다. 월 평균으로 계산을 해서 예산보다 더 지출되는 경우도 있습니다. 예를 들어 하루 10,000원으로 정했다면, 월 300,000 한도로 지출을 하기에, 10,000보다 더 나가기도 합니다. 캠페인은 검색 캠페인과 디스플레이 캠페인으로 구분되는데, 한 가지 주제의 광고라 ...
콜라주는 보통 PC에서 포토스케이프로 만들어요. 화면도 크고 마우스로 조작하는 게 편해요. 불편한 건 스마트폰의 사진을 PC로 옮겨야 한다는 거에요. 사진을 대부분 폰으로 찍는데 말이죠. 그래서 콜라주를 스마트폰에서 만드는 방법을 찾아봤는데, 가까운데 있었네요. 구글 포토에서 만들 수 있습니다. 하단의 어시스턴스를 누른 후 상단에서 콜라주를 누르세요. 사진을 2-9개 선택하세요. 선택한 사진의 개수에 맞게 콜라주가 만들어져요. 필터 효과도 줄 ...
구글 계정은 여러 개 만들 수 있습니다. 입력해야 하는 정보도 별로 없고, 실명 인증도 없고, 간편하게 원하는 만큼 계정을 만들 수 있습니다. 그래서 만들기는 했지만 사용하지 않는 계정이 생기기 시작합니다. 사용하지 않는다면 탈퇴하는 게 좋겠죠? 구글에서는 회원 탈퇴라는 용어를 쓰지 않고, 계정 삭제라고 합니다. 계정을 삭제하기로 했다면, 일단 백업할 데이터가 있는지 잘 ...
페이스북에서 개인이 아닌 단체로 활동하려면 페이지를 만든다. 페이지로 좋아요를 누르거나, 메시지를 보내거나, 그룹에 가입할 수 있다.(그룹에 가입하려면 해당 그룹에서 페이지 멤버를 받도록 설정이 되어있어야 한다.) 페이지는 단체이므로 여러 명이 관리하는 경우가 많은데, 계정을 공유하는 것보다는 관리자로 추가하는 게 여러모로 편하다. 페이스북에서는 이를 액세스 권한이라 하는데, 두 가지가 있다. Facebook 액세스 권한이 있는 사람 이 ...
지메일, 네이버 메일, 다음 메일 / IMAP 사용할 수 있게 설정하는 방법
지메일, 네이버 메일, 다음 메일 등은 아웃룩이나 썬더버드 같은 메일 클라이언트 프로그램으로 메일을 주고 받을 수 있습니다. 메일을 받을 때 POP3 또는 IMAP 방식을 사용하는데, IMAP이 여러모로 편합니다. 메일을 보내는 것은 SMTP를 이용하구요. IMAP/SMTP를 이용하여 아웃룩 등으로 메일 송수신을 하려면 웹메일에서 IMAP을 사용할 수 있도록 설정해주어야 합니다. 메일 서비스별로 설정하는 방법을 ...
Gmail / 수신한 메일을 자동으로 다른 메일로 전달하는 방법
지메일(Gmail)을 주로 사용하는 경우도 있지만, 어쩔 수 없이 구글에 계정을 만들고 사용하는 경우도 있다. 예를 들어 Google Ads나 AdSense, Analytics 등 구글의 서비스를 이용하려면 구글 계정이 필요하다. 그렇게 만들어진 지메일로 메일이 온 것을 확인하려면 웹브라우저로 로그인하거나 아웃룩 같은 메일 클라이언트에 추가하면 된다. 그 모든 게 다 귀찮다면 그 계정으로 들어오는 메일을 내가 ...
구글 포토에서 사진을 지우면 휴지통으로 이동합니다. 그리고 일정 기간이 지나면 완전히 삭제됩니다. 만약 지금 즉시 사진을 완전히 삭제하고 싶다면 휴지통을 비워야 합니다. 안드로이드 구글 포토에서, 그리고 웹용 구글 포토에서 휴지통 비우는 방법을 알아봅니다. 안드로이드 구글 포토 왼쪽 위의 메뉴바를 누릅니다. 을 누릅니다. 점 세 개 아이콘을 누릅니다. 를 누릅니다. 웹용 구글 포토 웹브라우저로 구글 포토에 접속합니다. 왼쪽 위에 있는 ...
가족이 모두 마이크로소프트 계정을 갖고 있다면, 가족들을 하나의 그룹으로 만들 수 있습니다. 가족 그룹으로 만들면, 노트나 일정을 공유하는 게 수월해집니다. 그리고, 컴퓨터 사용 시간 제한, 앱 사용 제한 등 자녀의 PC 사용을 제어할 수도 있습니다. 가족 그룹을 만드는 이유는, 아무래도 자녀 관리 때문이겠죠. 가족이 마이크로소프트 계정이 있다는 가정 하에서, 어떻게 가족 ...
Material icons / 구글이 제공하는 아이콘 폰트
Material icons Material icons는 구글이 제공하는 아이콘 디자인 모음입니다. 800개가 넘는 아이콘이 있으며, 무료로 사용할 수 있습니다. Feel free to use, remix, and re-share the icons in your products. The icons are available under the CC-BY license. We'd love attribution in your app's "about" screen, but it's not required. The only thing ...
통신판매업신고 인터넷 쇼핑몰을 만들 때 통신판매업신고 면제 기준에 해당하지 않으면 통신판매업신고를 해야 합니다. 통신판매업신고 면제 기준은 최근 6개월 동안 통신판매의 거래횟수가 20회 미만인 경우 최근 6개월 동안 통신판매의 거래규모가 1200만원 미만인 경우 입니다. 따라서 쇼핑몰을 6개월 운영 후 거래횟수가 20회 이상이고 거래규모가 1200만원 이상이라면 신고를 해도 됩니다만... 통신판매업신고를 했다는 게 사이트 하단에 있지 않으면 좀 없어보이므로, 보통 ...