如何在CSS中添加字體真棒

我想從字體真棒添加一個圖標，但由於某種原因，它不會在我加載頁面時出現。下面是我的html代碼，我嘗試以不同的方式添加字體。如何在CSS中添加字體真棒

<html lang="en"> 
    <head> 
     <title>Media Queries</title> 
     <meta name="viewport" content="width=device-width, initial=scale1.0"> 
     <link rel="stylesheet" href="main.css"> 
     <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> 
     <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">  
    </head> 
    <body> 
     <i class="fa fa-car" aria-hidden="true"></i> 
     <h1> 
      <i class="fa fa-car" aria-hidden="true"></i>Dummy Text 
     </h1> 
    </body> 
</html>

在代碼中是否缺少任何東西？

來源

2016-05-26 Wosley Alarico

檢查控制檯是否有任何錯誤。 –

嘗試從https：// maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css而不是本地文件加載font-awesome –

完美運行。仍然想知道其他方式無法正常工作的可能原因，但會使用這種方式很長時間。 –

你把你的鏈接什麼是你folder.You的名稱應該把該文件的名稱，而不是（字體真棒）

上的字體 - 真棒文件夾中查找名爲字體真棒文件，複製並粘貼您的瀏覽器文本字段，以便您可以看到正確的路徑。複製這條道路並粘貼到你的鏈接是這樣的：

<link rel="stylesheet" href="font-awesome/css/font-awesome.css">

只是正常檢查路徑，因爲我看不到其他的錯誤。讓我知道，如果它不起作用。

來源

2016-05-26 13:42:16

它完美的作品。我只是按照代碼中的名稱命名文件夾。 –

嘗試調用形式字體真棒這樣的：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">

或者，如果你從你的站點文件夾試試然後下載字體真棒，並添加字體到您的字體文件夾並添加字體真棒CSS到css文件夾然後調用它像這樣：

<link rel="stylesheet" href="css/font-awesome.min.css">

來源

2016-05-26 12:25:38

您可以在「的main.css」添加字體真棒CSS文件文件

@import url('/font-awesome-4.6.3/css/font-awesome.min.css');

來源

2016-05-26 12:38:42

如何在CSS中添加字體真棒

回答

相關問題