Wie Verwenden von benutzerdefinierten Schriftarten aus dem Google Web Fonts Site in Dreamweaver
Eine der einfachsten Möglichkeiten, Dreamweaver zu verwenden, um benutzerdefinierte Schriftarten hinzufügen, um Ihre Website von Google angeboten wird. Google Web Fonts bietet eine begrenzte Sammlung von Schriften, aber Sie können alle Fonts kostenlos nutzen. Befolgen Sie diese Schritte eine der Schriftarten aus dem Google Web Fonts Seite Ihren Seiten hinzuzufügen:
Öffnen Sie einen Webbrowser und besuchen Google Web Fonts Website.
Suchen Sie in den verfügbaren Schriftarten auf der Website durch die Art der Auswahl und den Stil der Schriftart Sie suchen.
Um Ihre Suche eingrenzen, verwenden Filter (in der linken Spalte). Sie können den Text ändern, der in jeder Schriftart durch Bearbeiten der Vorschau Textfeld am oberen Rand des Bildschirms angezeigt wird.
Finden Sie eine Schriftart, die Sie mögen, und klicken Sie dann auf die blau-Sammlung Schaltfläche Hinzufügen in der unteren rechten Ecke, direkt unter den einzelnen Schriftarten.
Klicken Sie auf die Kontrollkästchen neben jedem der Schriftstile, die Sie auf Ihrer Webseite verwenden möchten.
Die meisten Schriften im Google Font Directory verfügen nur einen Stil. Obwohl Sie alle Arten zu wählen versucht sein kann, ist es am besten nur diejenigen auszuwählen, werden Sie verwenden. Wie Google warnt, je länger desto mehr Schriftstile Sie sich entscheiden, nehmen Sie Ihre Web-Seite zum Download bereit.
Blättern Sie in der Seite nach unten und wählen Sie die Option Latein (für Englisch).
Wenn Sie die zusätzlichen Zeichen für eine andere Sprache benötigen, wählen Sie die lateinische stattdessen Erweiterte Option.
Blättern Sie weiter unten auf der Seite auf der blauen Box mit drei tabs- der ersten Registerkarte klicken Sie auf die Schriftart auf Ihre Website zu verknüpfen.
Google bietet drei Optionen: Standard, @import und javascript. Sie finden detaillierte Beschreibungen aller drei auf der Google-Website.
7. Kopieren Sie den Link aus der Registerkarte Standard-Feld auf Google genauso wie jeden anderen Text oder Code von einer Webseite kopieren würde.
In Dreamweaver fügen Sie den Link in den Kopfbereich Ihrer Webseite zwischen den öffnen und schließen Tags.
Zurück zur Google Web Fonts Website und am unteren Rand der Seite, kopieren Sie den Namen der Schriftfamilie.
Sie können den Namen der Schriftfamilie in der Integrieren Sie die Fonts in Ihre CSS-Bereich.
In Ihrem Stil Definition, müssen Sie den Namen der Schriftart enthalten genau wie Google es schreibt. Copy-and-Paste ist der beste Weg, um sicherzustellen, dass die Schriftnamen übereinstimmt.
In Dreamweaver, fügen Sie den Namen der Schriftfamilie in die CSS-Regel in dem Sie die Schriftart verwendet werden soll.
Wenden Sie die Regel in Ihrer Web-Seite in Text um.
Wenn Sie die Schriftart in einem Tag-Selektor-Stil, wie dem Tag verwenden, wenn Sie das Tag Text anwenden, wird die Schriftart automatisch als Teil der Regel angewendet werden. Wenn Sie die Schriftart in einer Klasse oder ID-Stil verwenden, muss der Stil dann auf einen Tag angewendet werden, der den Text umgibt, wie ein
Tag oder ein Tag.
Veröffentlichen Sie die Seite zu einem Web-Server und dann eine Vorschau der Seite in einem Webbrowser, um die Schriftart zu sehen.
Beachten Sie, dass, wenn Sie Google Web Fonts verwenden Sie die Schriftart nicht in Dreamweaver angezeigt sehen kann, auch wenn Sie die Live-View-Option verwenden. Um sicherzustellen, dass die Schrift auf Ihrer Seite funktioniert, müssen Sie die Seite zu einem Web-Server per FTP zu übertragen und eine Vorschau der Seite, nachdem sie im Internet veröffentlicht wird.