5 der besten CSS3 -Schriftarten

Verbesserung des Webdesigns: Empfohlener und gebrauchter Handbuch für die fünf Haupt -CSS3 -Schriftarten

Schrift spielt eine entscheidende Rolle im Webdesign. In diesem Artikel werden fünf leistungsstarke CSS3 -Schriftarten eingeführt, mit denen Sie Schriftarten einfach auswählen und anwenden und Ihre Webdesign -Ebene verbessern können.

Schlüsselpunkte:

Google -Web -Schriftarten, Schriftart Eichhörnchen, Schriftart Dklar, Fffallback und Whatfont sind mehrere ausgezeichnete CSS3 -Schriftarten, die reichhaltige Schriftressourcen und Funktionen wie Schriftart und Anerkennung bieten.
Google Web -Schriftarten bietet über 200 kostenlose Schriftarten und löst Download -Geschwindigkeitsprobleme mit CDN. Font Squirrel bietet Hunderte von im Handel erhältlichen, qualitativ hochwertigen kostenlosen Schriftarten sowie einen @font-face-Generator, der eine Vielzahl von Webseitenformaten und Beispiel-CSS-Code generiert.
fffallback.com ist ein Lesezeichen -Tool, mit dem Benutzer die Anzeige der Website unter verschiedenen Schriftarten anzeigen können, wodurch potenzielle Formatierprobleme identifiziert werden. Whatfont ist ein weiteres Lesezeichen -Tool, mit dem Schriftarten und Größen attraktiver Schriftarten identifiziert werden können.

Da der Browser -Support für Grafiken hinzugefügt wurde, haben Schriftarten die visuellen Effekte der Webseite. Vor einigen Jahren verwendete die Website fast nur Arial, Verdana, Tahoma, Times New Roman oder Georgia (oder schlechtere Comic -Sans). Während die Standard -Schriftstapel in Ordnung sind, erscheinen sie möglicherweise ein bisschen eintönig. Internet Explorer hat vor über einem Jahrzehnt angefangen, Web -Schriftarten zu unterstützen, aber es dauerte länger, bis andere Browser aufholten. Die Lizenz ist immer noch ein Problem - Sie können keine kommerziellen Schriftarten verwenden - aber Sie sollten in der Lage sein, Schriftarten zu finden, mit denen Webseiten oder Schriftarten, die dem Stil Ihres Unternehmens ähneln, verwenden können. Je mehr Entscheidungen, desto größer ist die Verantwortung. Glücklicherweise gibt es mehrere Online -Tools, mit denen Sie CSS3 -Schriftarten finden und verwenden können…

1

Wenn Sie Google Web -Schriftarten noch nicht besucht haben, was haben Sie dann verpasst? Google bietet über 200 Schriftarten und seine Zensur -Tools sind erstaunlich. Sie können jede Schriftart herunterladen, das Tool ermöglicht es den Entwicklern jedoch auch, Schriftarten über HTML -Link -Tags, CSS @Import -Deklarationen oder JavaScript -Snippets zu importieren. Google hebt potenzielle Download -Geschwindigkeitsprobleme hervor, aber da Sie seine CDN verwenden können, müssen Sie sich keine Sorgen um Hosting -Probleme machen. Habe ich schon erwähnt, dass es total kostenlos ist? Google Web -Schriftarten erfüllen die Anforderungen der anspruchsvollsten Designer.

2

Schriftstellel -Eichhörnchen ist ausgezeichnet - besonders wenn Sie sich darüber verärgert, dass Sie alle Schriftarten an Google übergeben. Die Website bietet Hunderte von hochwertigen Schriftarten, die für den kommerziellen Gebrauch kostenlos sind. Sie können TTF-, EOT-, WOFF- und SVG-Schriftdateien sowie @font-face-Toolkits herunterladen, die kugelsicherer Code und Beispiele liefern, die in allen wichtigen Browsern ordnungsgemäß funktionieren. Immer noch nicht zufrieden? Laden Sie die lizenzierte Schriftdatei in den @font-face-Generator hoch. Wie viel kostet dieser Service, den Sie ausgeben möchten? Es wird dich keinen Cent kosten.

3 Nicht alle Schriftarten eignen sich für die Verwendung auf Webseiten. Schriftarten wie Helvetica und Georgia sind so konzipiert, dass sie auf dem Bildschirm gut angezeigt werden, aber nicht alle Schriftarten sind gleich - insbesondere in kleinen Größen. Sie sollten also die mittelalterliche Skript -Schriftart testen, bevor Sie es der Seite hinzufügen. Schriftart Dklagrag ist dies einfach - ziehen Sie die Schriftart auf die Seite und der Text ändert sich auf magische Weise.

4

Nicht alle Benutzer können Ihre schönen Schriftarten erleben. Benutzer, die ältere Browser verwenden, unterstützen möglicherweise keine Web -Schriftarten und Sie haben einen guten Grund, sie auf mobilen Geräten zu vermeiden. Glücklicherweise unterstützt CSS Fallback -Schriftstapel: Schriftarten versuchen, bis einer gefunden wird. Schriftarten haben jedoch unterschiedliche Größen und Abstand, sodass eine bestimmte Fallback -Schrift Ihr Design ruinieren kann. Fffallback.com ist ein großartiges Boezeichen -Tool, das zeigt, wie Ihre Website unter verschiedenen Schriftarten aussieht. Es überlagert eine Kopie der Seite oben auf der Originalseite, sodass Sie sofort Probleme mit der Formatierung erkennen können.

5

Wenn Sie in freier Wildbahn eine schöne Schriftart finden, ist dies ein weiteres Lesezeichen -Tool, mit dem Sie Schriftarten und Größen identifizieren können. Starten Sie das Tool und schweben Sie über ein beliebiges Element oder klicken Sie auf ein beliebiges Element. Was ist noch einfacher als das?

zusätzliches Schriftart Tool:

fontstruct und bitfontmaker ermöglichen es Ihnen, Ihre eigenen Schriftarten zu erstellen, wenn Sie Zeit und Interesse haben. Beide bieten eine Reihe von kostenlosen Schriftarten an, die talentierte Künstler kreiert haben. Schriftart Matrix und gemeinsame Schriftarten listen die primären und alternativen Fallback -Schriftarten unter Windows und Mac auf. Überprüfen Sie diese immer zuerst - wenn Schriftarten auf den meisten Plattformen universell verfügbar sind, müssen keine Web -Schriftarten verwendet werden.

Kennen Sie andere hervorragende Schriftarten?

Das obige ist der detaillierte Inhalt von5 der besten CSS3 -Schriftarten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!