Wie hinzufügen von font awesome in CSS

Ich versuche, fügen Sie ein icon aus dem font-awesome, aber aus irgendeinem Grund ist es nicht angezeigt, wenn ich die Seite geladen werden.
Unten ist mein html-code, in dem ich versuchte, fügen Sie die font-awesome in unterschiedlicher Weise.

<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>

Gibt es etwas, was fehlt in dem code?

  • Überprüfen Sie die Konsole für Fehler.
  • Laden Sie die font-awesome aus https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css statt Ihre lokalen Dateien
  • Es funktionierte perfekt. Ich Frage mich immer noch der Grund für die andere Weise nicht funktioniert, aber wird dieser Weg so lang.
  • Haben Sie cheked es. @import url('/font-awesome-4.6.3/css/font-awesome.min.css');
InformationsquelleAutor deSousa | 2016-05-26
  1. 1

    Was Sie in Ihrem link den Namen des Ordners.Sollten Sie den Namen der Datei statt(font-awesome)

    Auf die font-awesome-Ordner suchen Sie nach der Datei namens font-awesome,kopieren und einfügen in Ihrem browser text-Feld, so dass Sie sehen können, den richtigen Pfad.
    Kopieren Sie diesen Pfad, und fügen Sie Ihren link wie folgt:

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

    Einfach den Pfad richtig denn ich sehe keine andere Fehler.
    lassen Sie mich wissen, wenn es nicht funktioniert.

    • Es funktioniert perfekt. Ich nur mit der Bezeichnung der Ordner genau so, wie es in Ihrem code.
    InformationsquelleAutor Elton Sousa
  2. 5

    Können Sie hinzufügen von font-awesome-css-Datei in Ihrem "main.css" Datei

    @import url('/font-awesome-4.6.3/css/font-awesome.min.css');
    InformationsquelleAutor Sayed Rafeeq
  3. 3

    Versuchen, form ' nennen, font-awesome, wie dieser:

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

    Oder wenn Sie versuchen, aus Ihren Website-Ordner für download-font-awesome und hinzufügen von Schriftarten in den Schriftarten-Ordner und fügen Sie font-awesome-css in css Ordner
    dann rufen Sie es wie folgt:

    <link rel="stylesheet" href="css/font-awesome.min.css">
    InformationsquelleAutor Mukesh Ram
Schreibe einen Kommentar