송타벅스 만들기

오픈 그래프

웹페이지가 SNS로 공유될 때 우선적으로 활용되는 정보를 지정한다.

og:type: 페이지의 유형(E.g, website, video.movie)
og:site_name: 속한 사이트의 이름
og:title: 페이지의 이름(제목)
og:description: 페이지의 간단한 설명
og:image: 페이지의 대표 이미지 주소(URL)
og:url: 페이지 주소(URL)

파비콘 (Favicon)

=favorite icon
웹페이지를 나타내는 아이콘, 웹페이지의 로고를 설정

대부분의 경우 루트 경로에 favicon.ico 파일을 위치하면 자동으로 로딩하기 때문에 link 태그를 작성할 필요가 없습니다. favicon.png 파일을 사용하려면 다음과 같이 link 태그를 작성하세요.

favicon.ico 64 x 64 (px) 또는 32 x 32 또는 16 x 16
favicon.png 500 x 500 (px)

폰트 설정

구글 폰트 검색해서 나눔 고딕 선택한 후에 링크를 복사하고 html에 넣고,
css에도 font family 붙여넣으면 된다.

Google Material Icons

기본 아이콘
ex) search, 화살표 ...등등

• 구글 매터리얼 아이콘을 검색해서 들어가서 아래 사진과 같은 링크를 찾아서 복사한 뒤에 HTML 헤드 태그에 붙여넣기 하면 된다.

• 원하는 아이콘을 선택하여 HTML에 body 태그에 복붙하면 된다.
  (단, 여기서 클래스명을 잘 맞춰야 한다.)

• 아이콘은 폰트로 취급하고 기본 사이즈는 24이다.