Finden Sie den Unicode-Zeichen-Code von Symbol-Schriftart-Icons

Ich habe eine Schriftart-Datei namens icon-font.woff, und ich habe die entsprechende SVG-Datei. Es enthält eine Reihe von Symbolen. jetzt würde Ich mag diese Symbole in meine HTML-Datei verwenden CSS wie folgt aus:Finden Sie den Unicode-Zeichen-Code von Symbol-Schriftart-Icons

.icon-add-contact:before{content:""}

Aber ich weiß nicht, was der Wert ist, ich brauche in der content oben zu geben. Und ich weiß nicht, welcher Wert zu welchem Icon gehört.

Wie geht das?

Quelle

2016-06-01 3gwebtrain

eine kleine Google-Suche kam mit dieser: http://gomakethings.com/icon-fonts/ hoffe, es hilft –

Sie haben nur die .woff-Datei? Oder hast du die Icons auch als Svg? – KWeiss

ja, ich habe auch Svg. aber nicht immer zu allen fonts – 3gwebtrain

Nach this article sollten Sie in der Lage sein, die Unicode-Codes in den SVG-Dateien Ihrer Schriftart zu finden. Dort sollten Sie etwas zu sehen:

<glyph unicode="!" horiz-adv-x="100" d="M83.522656250000011 
       38.628515624999999 C85.970996093749989 38.628515625000006 
       90.867675781250000 38.628515625000006 93.316015624999977 
       38.628515625000006 C94.026953124999977 38.628515625000006 
       94.737695312500023 z" />

Das Unicode-Attribut wird Ihnen sagen, was der Code ist, in diesem Fall ist es ! ist, aber in der Regel wird es so etwas wie \f179 sein. Dieser Unicode-Code muss nach content: eingegeben werden.

Die article by Anselm Hannemann (derselbe Link wie oben) beschreibt eine Methode zum Erstellen einer HTML-Tabelle, die jedes Symbol neben seinem Code anzeigt.

Quelle

2016-06-01 10:25:47 KWeiss

ich sehe meine unicode so: 'unicode =" & # xE008; "' - Ich habe das alles genommen, aber nicht funktioniert. dann nahm ich 'E008' - auch kein Glück – 3gwebtrain

Versuch '' \ E008'' - vergleiche das: https://www.w3.org/International/questions/qa-escapes – KWeiss

also, hat es funktioniert? – KWeiss

Finden Sie den Unicode-Zeichen-Code von Symbol-Schriftart-Icons

Antwort

Verwandte Themen