[MUSIK]
Lassen Sie uns jetzt über Icon-Schriftarten sprechen.
Was sind sie?
Wie sind sie nützlich?
Und wie nutzen wir sie bei der Gestaltung unserer Website?
Icon-Schriftarten bieten eine sehr flexible Möglichkeit, winzige
Bilder in unsere Webseiten aufzunehmen, die genau wie Text gestylt werden können.
Das ist also der Grund, warum Icon-Schriftarten sich sehr,
sehr nützlich bei der Gestaltung von Websites erweisen.
Mit Symbolschriftarten können Sie eine Webseite wie diese aufnehmen und
sie schnell in eine Webseite wie diese verwandeln.
Beachten Sie die Verwendung von Symbolen zusammen mit dem Text in der Navigationsleiste.
Wenn Sie dann zur Fußzeile scrollen,
können Sie weitere Symbole sehen, die in der Fußzeile verwendet werden.
Und auch Ihre Social-Media-Links werden jetzt durch Social-Media-Buttons hier ersetzt.
Dies sind also die Änderungen, die Icon-Schriftarten Ihnen ermöglichen, auf Ihrer Website zu tun.
Wie ich bereits kurz erwähnt habe, sind Icon-Schriftarten eine Reihe von Symbolen oder
Glyphen, die in Ihrem Website-Design verwendet werden können.
Diese können wie normale Schriftarten verwendet werden,
genau wie normale Textschriftarten, die Sie auf Ihrer Website verwenden.
Ihr Vorteil ist, dass Sie sie stylen und
dann erweitern und zusammenziehen können und alle typischen
Stylings verwenden, die Sie auf Ihrem Text verwenden, für Ihre Symbole auch.
Sie gelten als ein beliebter leichter Ersatz für
einfache Grafiken, die Sie in Ihren Webseiten verwenden können,
einfach Grafiken oder Bilder, die Sie in Ihren Webseiten verwenden können.
Und sie sind sehr, sehr nützlich bei der Gestaltung Ihrer Webseiten.
Es gibt viele Icon Font Packs, die auf dem Markt verfügbar sind.
Einer der beliebtesten ist Font Awesome, über
die ich als nächstes sprechen werde.
Font Awesome, wie ich sage, ist eine sehr beliebte Icon-Schriftart.
Es ist kostenlos für die Verwendung bei der Gestaltung Ihrer Seite Design.
Es wurde von vielen verschiedenen Websites ausgiebig genutzt.
Wir werden lernen, wie Sie Font Awesome herunterladen und
dann verwenden Sie es auf der Webseite in der Übung, die dieser Vorlesung folgt. Die
Verwendung von Font Awesome in Ihrer Webseite ist so einfach wie die
Verwendung einiger Klassen, die auf ein i
oder ein span -Tag in Ihrem Webseiten-HTML-Code angewendet werden.
Also, sobald Sie das CSS und
die Schriftdateien, die über Font Awesome verfügbar sind,
dann ist es sehr einfach, Font Awesome in Ihren Seiten zu verwenden.
Ein weiteres gemeinsames Merkmal, das Sie auf
Webseiten sehen würden, ist die Verwendung von sozialen Site-Buttons dort wie Facebook
, Twitter, Google+ und YouTube und viele andere.
Nun zum Glück für uns gibt es diese andere
CSS-Datei namens bootstrap-social, die Sie herunterladen und
nutzen können, einschließlich verschiedener
Social-Media-Site-Schaltflächen in Ihre Webseite.
Wir werden die Verwendung von Bootstrap-social in der folgenden Übung sehen.
Sobald Sie die bootstrap-social css-Datei heruntergeladen haben, fügen Sie diese in Ihre Webseite ein.
Und dann zusammen mit den Font Awesome Icons,
können Sie das mit Bootstrap Social-Klassen kombinieren,
um verschiedene Social-Media-Buttons auf Ihren Webseiten zu integrieren.
Also ohne weiteres, lassen Sie uns zur nächsten Übung
gehen, wo wir sowohl Font Awesome als auch Bootstrap-social verwenden werden,
eine modifizierte Version der Datei bootstrap-social.css, die ich
auf den Übungsanweisungen zur Verfügung stelle, die Sie herunterladen und
in Ihr Verwirrungsprojekt aufnehmen und verwenden sollten von ihm in der Übung.
( MUSIK)