Aus irgendeinem Grund, in meinem Firefox 12.0 für Mac OS X, sind meine ⟩ (⟩) Zeichen viel größer als sie sein sollten. In Chrome und Safari sehen sie genau so aus, wie ich sie haben möchte.Bestimmte HTML-Zeichen Entities sind in Firefox nur RIESIGE
Ich habe AddDefaultCharset utf-8 in meinem .htaccess sowie <meta charset="utf-8"> in meinem <head> (als Gruppe ich diese Dateien liefern verwenden kann nicht meine .htaccess).
Auch, nach Adobe Browser Lab, zeigen IE 7 und 8 nur eine quadratische Box ... gibt es jemanden, den ich diese Browser bekommen kann, um diesen Charakter zu unterstützen? Es würde die Dinge viel einfacher machen (da sich die Farben ändern werden, so dass Bilder sehr unbequem sind und keine Farbe mit Bildern verblasst).
Demo: http://cameronspear.com/demos/rang/
Dies ist, was ich in Chrome sehen und erwarten, um zu sehen:
Dies ist, was mein Firefox zeigt:
Diese ist ein Screenshot von Browser Labs von IE8:
TL; DR: Ich möchte alle diese Screenshots wie die erste mit ⟩ aka ⟩ Zeichen suchen. Die Verwendung von JavaScript wäre sogar akzeptabel.
Danke.
[Bearbeiten] Ich sollte angeben, dass es nicht so entscheidend ist, ich habe das ⟩ Zeichen, wie ich in der Lage bin, seine Farbe mit CSS zu ändern und es über mehrere Browsern gleich aussehen lassen.
Lösung
Ich wollte nur genau teilen, was ich für die Nachwelt willen tat.
Dank Zipfel die Tipps und Ressourcen, habe ich meine eigene SVG mit Inkscape die Vorlage und Methoden verwendet, wie bei „How to make your own icon webfont“ beschrieben. Ich habe einen großen Winkel auf X und einen kleinen auf x abgebildet.
Die einzige Sache, die ich lief, war, dass mein Winkel die Grundlinie berühren muss und nur ungefähr 72% den Weg zur Oberseite der Schachtel "inline" gehen sollte, so war Kapital X mein ursprüngliches zu großes, und Kleinbuchstabe x war der mehr Inline.
I umgewandelt dann meine SVG TTF mit http://www.freefontconverter.com/ und mit http://www.fontsquirrel.com/fontface/generator zu einem WebFont umgewandelt
... und das war es.
Die Demo (http://cameronspear.com/demos/rang/) ist immer noch aktiv. Sie können sehen, dass es in allen Browsern konsistent aussieht und die Onclick-Rotationsanimation dang nahe am Punkt ist usw.
[Update] fand ich eine große Ressource IcoMoon genannt, die Schriften zu machen und die Organisation von Schriften für den Web das, und es nimmt regelmäßig svg Vektoren so können Sie machen es in Illustrator und nicht mess with Inkscape seit IcoMoon Griffe hilft Tastaturbelegung und so. Sie können nur die von Ihnen verwendeten Symbole exportieren, so dass Sie nur 3 oder 4 Symbole laden, wenn Sie das brauchen und nicht die gesamte Schriftart.
Es ist eine unschätzbare Ressource geworden, und ich empfehle allen anderen, die in Icon Fonts gehen wollen, es auszuprobieren. Sie können mehr über den gesamten Prozess von CSS-Trick's 113th Screencast erfahren.
Sie sehen gut aus in FireFox. Was IE betrifft, kann es sehr wenig sein, was Sie dagegen tun können, wenn Sie nicht Ihre eigene Icon-Schriftart erstellen (was nicht wirklich * so * schwer ist, und Sie haben die volle Kontrolle über die Grafik). – Pointy
Sie sind quadratische Boxen für mich sogar in Chrom – Esailija
Ich bekomme Quadrate in Chrome 21.0.1155.2 Dev-m, aber vielleicht ist es ein Dev-Channel-Bug? http://i.imgur.com/NU6qT.png – mayhewr