読者です 読者をやめる 読者になる 読者になる

Font Awesomeの導入方法

Font Awesome

  • アイコンフォント
  • HTMLにclass名を設定するだけで、簡単にアイコンを表示できます

Font Awesome CDN

f:id:web-design-lesson:20160629013143p:plain

Font Awesome 用のCSSを読み込む
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Font Awesome</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
The Icon

f:id:web-design-lesson:20160629070210p:plain

  • アイコンを検索する

f:id:web-design-lesson:20160630000958p:plain