Die Wingdings-Schriftfamilie scheint mit Firefox und Opera nicht zu funktionieren

Lesezeit: 4 Minuten

Benutzer-Avatar
Niko

Ich habe die Wingdings-Schriftart im CSS für einige Symbole wie einen Bleistift und ein Home-Symbol verwendet.

Es funktionierte mit IE, Chrome und Safari, aber nicht mit Firefox und Opera. Ich habe es gegoogelt, aber keine bessere Lösung gefunden.

Warum funktioniert es nicht im Firefox? Ich muss diese Symbole verwenden, gibt es eine Möglichkeit, Wingdings in Firefox zu verwenden?

Benutzer-Avatar
mddw

Mozilla und Opera sind standardkonform. Wingdings ist kein Standard (was für eine Überraschung von Microsoft), da es nicht auf Unicode abgebildet ist, und sollte daher niemals auf einer Website verwendet werden.

Verzweifeln Sie jedoch nicht, die meisten Symbole sind in Unicode verfügbar: überprüfen http://www.alanwood.net/demos/wingdings.html

Wichtiger Nachtrag (Oktober 2014) : Ab Unicode v7, veröffentlicht am 16. Juni 2014, wurden alle Zeichen aus Webdings und Wingdings zu Unicode hinzugefügt. Siehe den Kommentar unten.

  • Ab Unicode v7 wurden alle Zeichen von Webdings und Wingdings zu Unicode hinzugefügt ([1], [2]).

    – GSerg

    3. Oktober 2014 um 16:22 Uhr

  • Ich verstehe nicht, wovon die Seite von Alan Wood spricht, und ich kann auf der w3c-Site nichts finden, was über “Standard” -Schriftarten spricht. Wingdings scheint mit dem w3c-CSS-Validator OK zu validieren. Wenn jemand ein Gerät verwendet, auf dem keine bestimmte Schriftart installiert ist, ersetzt der Browser natürlich eine andere Schriftart, aber das ist nicht das, wovon das OP spricht.

    – Andy

    23. Oktober 2015 um 7:26 Uhr

  • Gibt es ein Tool zum Konvertieren von Wicklungen in Standard-Unicode-Zeichen?

    – Ky.

    14. Dezember 2015 um 12:20 Uhr

  • @Andy Mit “nicht standardisiert” meinen sie eigentlich “nicht standardkonform”. Da entspricht die Schriftart nicht dem Unicode-Standard. Zum Beispiel das Byte 0x74 in UTF-8 sollte einen Großbuchstaben anzeigen J. Aber Wingdings zeigt stattdessen ein Smiley-Gesicht. Warum ist das ein Problem? Weil Schriftarten in Fällen, in denen der Benutzer die Zielschriftart nicht installiert hat, ordnungsgemäß degradiert werden sollen. Wenn eine Schriftart nicht dem Standard entspricht, wird sie nicht ordnungsgemäß degradiert. Jeder, der Wingdings (eine Microsoft-Schriftart) nicht auf seinem Computer installiert hat, sieht stattdessen nur Mülltext.

    – daiskog

    1. Dezember 2016 um 15:32 Uhr

  • Auch wenn es richtig ist, beantwortet dies nicht die Frage des OP: Warum wird es nicht in Firefox angezeigt?

    – Michael Piefel

    28. Juli 2021 um 7:32 Uhr

Benutzer-Avatar
Josef Marikle

Sie könnten Unicode-Zeichen wie verwenden

http://www.fileformat.info/info/unicode/char/270e/index.htm

  • Hinweis: Stellen Sie sicher, dass Sie a verwenden unterstützte Schriftart. Dies funktioniert bei 95 % der auf meinem Computer installierten Schriftarten nicht.

    – Wesley Murch

    22. Oktober 2011 um 21:16 Uhr


  • Korrektur: Laut dem lokalen Font-Tester der Site wird es nicht viel unterstützt, aber das Firebugging dieser Fonts inline zu dieser Seite schien zu funktionieren – tatsächlich kann ich es nicht bekommen nicht funktionieren, das ist mir also ein Rätsel.

    – Wesley Murch

    22. Oktober 2011 um 21:24 Uhr


  • Wesley: Per CSS-Regeln zum Abgleich von Schriftarten führen unbekannte Glyphen in der aktuell ausgewählten Schriftart dazu, dass das Graphem mit einer anderen Schriftart gerendert wird.

    – gsnedders

    23. Oktober 2011 um 12:55 Uhr

  • @gsnedders: Das ist toll zu hören, kannst du mir zufällig eine Referenz dafür nennen?

    – Wesley Murch

    25. Oktober 2011 um 4:34 Uhr

  • @gsnedders: Vielen Dank! Ein weiterer Grund, eine generische Schriftfamilie wie z serif.

    – Wesley Murch

    25. Oktober 2011 um 19:43 Uhr

Benutzer-Avatar
Christoph Lipka

Die Wingdings-Charaktere kann über den “Private Use Area” (codepoints U+E000 zu U+F7FF). Diese Zeichencodes sind für alle schriftartspezifischen Symbole reserviert, die nicht Teil des regulären Unicode-Zeichensatzes sind, und tatsächlich ordnet Wingdingds alle seine Symbole dem Unterbereich zu U+F021 zu U+F0FF.

Zum Beispiel die dreieckige Flagge, auf die gemappt wird P = 0x50 in Legacy-Codierung, kann über zugegriffen werden U+F050 = =  (HTML) = \F050 (CSS).

Bei anderen Browsern bin ich mir nicht sicher, aber es funktioniert in Firefox 12.

  • Dies ist technisch korrekt und hilft, die Art des Problems zu verstehen, aber gemäß dem Unicode-Standard sollten Zeichen für den privaten Gebrauch nicht beim Informationsaustausch verwendet werden, außer durch private Vereinbarungen. Wenn sich in diesem Fall die tatsächlich verwendete Schriftart von der in CSS deklarierten unterscheidet, wird ein generisches Symbol für nicht darstellbare Zeichen angezeigt (oder manchmal ein beliebiges Zeichen, das einer anderen Schriftart zufällig dieselbe Codeposition zugewiesen hat).

    – Jukka K. Korpela

    4. Dezember 2012 um 8:39 Uhr

So zitieren Sie eine Website:

Es gab eine endlose Debatte zwischen den Leuten, die sagten, Mozilla solle die Symbolschriftart in ihrer Standardkonfiguration unterstützen, weil das eine wertvolle Fähigkeit sei, und Standardanwälte, die nein sagten, weil sie glauben, dass die Unterstützung den HTML-Standard verletzt. Bisher haben sich die Obstruktionisten durchgesetzt.

http://hutchinson.belmont.ma.us/tth/Wfonts.html

Benutzer-Avatar
Mürrisch

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

mehr hier
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

einfache Lösung in Ihrem HTML

<style type="text/css">
@font-face {
    font-family: "Ace Crikey";
    src: url(ace.ttf);
}
.ace {
    font-family: "Ace Crikey";
    font-size: 230%;
}
</style>

Sie können Gimp oder andere Grafiksoftware verwenden und einige GIFs der benötigten Symbole aus der Wingdings-Schriftart erstellen.

1158700cookie-checkDie Wingdings-Schriftfamilie scheint mit Firefox und Opera nicht zu funktionieren

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy