###実現したい事
HTMLでこのサイトのようなアイコンを表示させたかったのですが、ソースをコピペしても画面に > しか表示されませんでした。最初はFontAwesomeをダウンロードしてないからかと思い、サイトのURLに従ってダウンロードしたのですが、それでも結果は変わりませんでした。どうすればFontAwesomeのアイコンが表示されるのか分かる方、回答お願いします。
###ソース
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> の記述がいるとどこかのサイトに書いてあったので追加してみましたが、結果は変わらずでした。HTML
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>ボタン</title> 6<style> 7.button { 8 display: inline-block; 9 width: 40px; 10 margin: 0 5px; 11 line-height: 40px; 12 text-align: center; 13 background-color: #fff; 14 background-image: linear-gradient(-45deg, #e7e7e7 50%, #fff 50%, #fff); 15 background-image: -webkit-linear-gradient(-45deg, #e7e7e7 50%, #fff 50%, #fff); 16 border-radius: 50%; 17 box-shadow: 0 0 3px #222; 18 font-size: 16px; 19 text-shadow: inset 0 1px 1px #222; 20 cursor: pointer; 21} 22</style> 23<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> 24</head> 25<body> 26<div id="audio_button"> 27 <span id="stop" class="button"><i class="icon-step-backward"></i></span> 28 <span id="play" class="button"><i class="icon-play"></i></span> 29</div>> 30</body> 31</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。