フォントとアイコン
フォント(Fonts)
フォントの統一
各
웹표준을 준수하여 다른 기종, 브라우저 중 어느 하나에만 치우치지 않고 호환성을 높여 어느 환경에서도 잘 기능하는 웹사이트를 만드는 것
を指しています.フォントの最適化
フォント使用上の注意
Google Fonts
Googleフォントの使い方
(多くの場合HTMLが使用されます.)
例
<!--HTML 문서-->
<head>
<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=Noto+Sans+KR&display=swap" rel="stylesheet">
<!--구글 폰트에서 제공하는 링크 태그-->
<link rel="stylesheet" href="main.css 경로">
</head>
/*CSS 문서*/
body {
font-family: 'Noto Sans KR', sans-serif;
}
/*적용하고자 요소에 구글 폰트에서 제공한 CSS rules(CSS 속성과 속성값)를 붙혀넣기 한다.*/
アイコン
材料アイコン
トピックアイコンの使用方法
例
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<!--머테리얼 아이콘을 사용하기 위한 스타일시트 불러오기-->
</head>
<body>
<span class="material-icons">제공하는 아이콘의 이름</span>
<!--아이콘을 선택한 후 우측에 표시된 html 내용 붙혀넣기-->
</body>
+
Reference
この問題について(フォントとアイコン), 我々は、より多くの情報をここで見つけました https://velog.io/@chl4842/폰트와-아이콘テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol