Als «font-face» getaggte Fragen

@ font-face ist eine CSS-Regel, mit der eingebettete Schriftarten innerhalb einer Webseite definiert werden können.

18
Wie füge ich einer Website eine nicht standardmäßige Schriftart hinzu?
Gibt es eine Möglichkeit, einer Website eine benutzerdefinierte Schriftart hinzuzufügen, ohne Bilder, Flash oder andere Grafiken zu verwenden? Ich habe zum Beispiel an einer Hochzeitswebsite gearbeitet und viele schöne Schriftarten für dieses Thema gefunden. Ich kann jedoch nicht den richtigen Weg finden, um diese Schriftart auf dem Server hinzuzufügen. Und …
518 html  css  fonts  font-face 


2
Verwenden von .otf-Schriftarten in Webbrowsern
Ich arbeite an einer Website, für die Online-Testversionen erforderlich sind. Die Schriftarten, die ich habe, sind alle .otf Gibt es eine Möglichkeit, die Schriftarten einzubetten und in allen Browsern zum Laufen zu bringen? Wenn nicht, welche anderen Alternativen habe ich?
440 html  css  fonts  font-face 


12
Verwenden von Schriftarten mit der Rails-Asset-Pipeline
Ich habe einige Schriftarten in meiner Scss-Datei wie folgt konfiguriert: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Die eigentliche Schriftartdatei wird in / app / assets / fonts / gespeichert. Ich habe config.assets.paths << Rails.root.join("app", "assets", "fonts")meiner application.rb-Datei hinzugefügt …



16
Unicode-Zeichen für "X" abbrechen / schließen?
Ich möchte eine Schaltfläche zum Schließen nur mit CSS erstellen. Ich bin mir sicher, dass ich nicht der Erste bin, der dies tut. Weiß also jemand, welche Schriftart ein 'x' hat, das der Breite der Höhe entspricht, sodass sie browserübergreifend verwendet werden kann, um wie eine Schaltfläche zum Schließen auszusehen?
219 css  fonts  font-face 


8
Benutzerdefinierte Schriftarten mit CSS verwenden?
Ich habe einige neue Websites gesehen, die auf ihren Websites benutzerdefinierte Schriftarten verwenden (außer den regulären Arial-, Tahoma- usw.). Und sie unterstützen eine schöne Anzahl von Browsern. Wie macht man das? Wenn möglich, wird auch verhindert, dass Personen freien Zugriff auf das Herunterladen der Schriftart haben.
175 css  font-face 

1
Richtiger MIME-Typ für SVG-Bilder mit eingebetteten Schriftarten
Dies ist der übliche SVG-MIME-Typ: image/svg+xml Und es funktioniert großartig. Wenn Sie jedoch eine SVG-Schriftart einbetten, zeigt Chrome an, dass der MIME-Typ falsch ist, offensichtlich, weil Sie eine Schriftart anstelle eines Bildes zurückgeben. Gibt es einen universellen Pantomimentyp? ist Chrom falsch? wird application/svg+xmlirgendwie akzeptiert? Ich denke, dies ist immer noch …

12
Laden von domänenübergreifenden Amazon S3 CORS- (Cross-Origin Resource Sharing) und Firefox-Schriftarten
Es gibt seit langem ein Problem damit, dass Firefox keine Schriftarten von einem anderen Ursprung als der aktuellen Webseite lädt. Normalerweise tritt das Problem auf, wenn die Schriftarten auf CDNs bereitgestellt werden. In anderen Fragen wurden verschiedene Lösungen angesprochen: CSS @ font-face funktioniert nicht mit Firefox, sondern mit Chrome und …

3
CSS @ font-face - Was bedeutet "src: local ('☺')"?
Ich benutze @font-facezum ersten Mal und habe ein Font-Kit von fontsquirrel heruntergeladen Der Code, den sie zum Einfügen in mein CSS empfehlen, lautet: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Jetzt hat mich das Smiley-Ding verblüfft. Aber auch die Anzahl der URLs …
133 css  font-face 


2
Mehrere Schriftstärken, eine @ font-face-Abfrage
Ich muss die Klavika-Schrift importieren und habe sie in verschiedenen Formen und Größen erhalten: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Jetzt möchte ich wissen, ob es möglich ist, diese mit nur einer @font-faceAbfrage in CSS zu importieren, wo ich die weightin der Abfrage definiere. Ich möchte vermeiden, die …
118 css  fonts  font-face 

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.