구글 메터리얼 아이콘
구글에다가 구글 머테리얼 폰트를 치면 아이콘들이 나온다
하나하나 디자이너들이 만들어줄 수도 있지만
현실적으로 말이 안되기 때문에 이렇게 사용을 한다!
그러나 이건 전부 최신 버전이고 우리는 이것보다 한 단계 전 아이콘을 사용할 것이기 때문에
깃허브에 들어와서 구글아이콘 쪽을 본다
이후
<link rel="stylesheet" href="<https://fonts.googleapis.com/icon?family=Material+Icons>" />
이걸 복사해서
우리 프로젝트 헤드 부분에 넣어준다 (main.css의 위에 붙여준다)
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>M.E.T.A Starbucks Coffee Korea</title>
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Starbucks" />
<meta property="og:title" content="Starbucks Coffee Korea" />
<meta property="og:description" content="스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다." />
<meta property="og:image" content="./images/starbucks_seo.jpg" />
<meta property="og:url" content="<https://starbucks.co.kr>" />
<link rel="stylesheet" href="<https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css>">
<link rel="preconnect" href="<https://fonts.googleapis.com>">
<link rel="preconnect" href="<https://fonts.gstatic.com>" crossorigin>
<link href="<https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap>" rel="stylesheet">
<link rel="stylesheet" href="<https://fonts.googleapis.com/icon?family=Material+Icons>" />
<link rel="stylesheet" href="./css/main.css">
</head>
이렇게 적용을 시켰으면 사용을 해보자!