Anzeigen aller Zeichen einer Schriftart und ihrer Buchstabenzuordnung

1617
Benjamin Moser

Also bekam ich diese Icon-Schriftart als .eot, .svg, .ttf und .woff zur Verwendung in einer Webseite.

So würde ich zum Beispiel auf meiner Webseite die Icon-Schriftart schreiben <i>t</i>und zuweisen <i>. In der Symbolschriftart ist der Buchstabe tdas Symbol, das ich hier anzeigen möchte.

Es gibt jedoch keine Informationen, welche Zeichen tatsächlich welche Symbole repräsentieren.

Ich frage mich also, ob es einen Weg gibt, oder vielleicht auch eine Software, die mich alle Charaktere anzeigen lassen würde, zusammen mit dem Buchstaben, dem sie zugeordnet sind.

1
Ja, war gerade dabei, genau dieselbe Frage zu posten - siehe auch http://unix.stackexchange.com/questions/5715/how-to-view-a-ttf-font-file; und insbesondere http://bluejamesbond.github.io/CharacterMap/ sdaau vor 8 Jahren 0

1 Antwort auf die Frage

0
sdaau

Ok, ich habe eine App gefunden - es ist eine Webanwendung, die auf Django, Glyphviewer ( https://github.com/peterkmurphy/glyphviewer ) basiert . Dies habe ich auf Ubuntu 14.04 getan, um es lokal zu installieren. Beachten Sie, dass die App in ihrer aktuellen Version an ein CMS namens Mezzanine angepasst ist, das ich hier nicht installieren werde. Daher ist die Installation etwas komplizierter.

Zuerst brauchst du das (ich verwende hier Python 2.7):

sudo apt-get install python-numpy # (for python 3, python3-numpy) sudo apt-get install python-pip # (for python 3, python3-pip) 

Dann installieren Sie diese Abhängigkeiten:

git clone https://github.com/behdad/fonttools.git ; cd fonttools ; sudo python2 setup.py install ; # ... log ends with: Finished processing dependencies for fonttools==3.0 cd ..  git clone https://github.com/typesupply/woffTools.git cd woffTools sudo python2 setup.py install # ... log ends with: Writing /usr/local/lib/python2.7/dist-packages/woffTools-0.1beta.egg-info cd .. 

Dann installieren Sie sich glyphviewerselbst:

sudo pip install glyphviewer # goes to /usr/local/lib/python2.7/dist-packages/glyphviewer; also downloads+installs Django>=1.0 # ... log ends with: Successfully installed glyphviewer Django; Cleaning up... 

Erstellen Sie jetzt Ihre lokale Anwendung:

cd /tmp django-admin startproject myglyphviewer cd myglyphviewer/  # "The next stage is to add "glyphviewer" to your INSTALLED_APPS list in settings.py" python -c "import re; f=open('myglyphviewer/settings.py','r'); fs=f.read(); print re.sub('(INSTALLED_APPS = \(.*?)\)',r\"\1 'glyphviewer',\n)\",fs,flags=re.DOTALL)" > tmpset mv tmpset myglyphviewer/settings.py 

An dieser Stelle "... fügen Sie die gewünschte URL in eine der urls.py-Dateien ein."; So haben Sie dies in Ihrer myglyphviewer/urls.pyDatei:

from django.conf.urls import include, url from django.contrib import admin #from . import settings import sys, os sys.path.append( os.path.dirname(os.path.realpath(__file__)) )  #sys.path.append( "/usr/local/lib/python2.7/dist-pac^Cges/django/contrib/admin/templates/admin" ) # base.html - via symlink  import glyphviewer from glyphviewer import views  urlpatterns = [ url(r'^admin/', include(admin.site.urls)), url(r'^glyphviewer/$', views.index, name="index"), url(r'^glyphviewer/doc/$', views.doc, name="doc"), ] 

Wir werden den Admin base.htmlvon Django benutzen.

sudo cp \ /usr/local/lib/python2.7/dist-packages/django/contrib/admin/templates/admin/base.html \ /usr/local/lib/python2.7/dist-packages/django/contrib/admin/templates/base.html 

BEARBEITEN: Wir sollten hier statt nur Symlink kopieren, denn nach dem Kopieren sollten wir das Kopierte bearbeiten base.htmlund einfügen:

{% block extra_css %}{% endblock %} 

... irgendwo im Kopf; Dies kommt vom Mezzanine / base.html, und ohne es wird die Schrift nicht auf der Seite angewendet!

Ändern Sie dann diese Vorlagendateien, sodass sie sich auf "Blockinhalt" anstelle von "Blockhaupt" beziehen:

/usr/local/lib/python2.7/dist-packages/glyphviewer/templates/glyphviewer/doc.html:

{% block content %} <!--block main --> 

/usr/local/lib/python2.7/dist-packages/glyphviewer/templates/glyphviewer/index.html:

{% block content %} <!-- block main --> 

Jetzt,

# "The final stage is to populate the directory with fonts where you display your chosen font or fonts" echo "STATIC_ROOT = '/tmp/myglyphviewer/static'" >> myglyphviewer/settings.py python manage.py collectstatic 

Jetzt sollten wir den Server prinzipiell ausführen können. Wenn dies jedoch mit " Sie haben nicht zugewiesene Migrationen fehlgeschlagen sind; Ihre App funktioniert möglicherweise nicht ordnungsgemäß, bis sie angewendet werden ", führen Sie Folgendes aus:

python manage.py migrate 

Und schließlich können wir den Server laufen lassen (wieder wird das alles im /tmp/myglyphviewerVerzeichnis erledigt ):

python manage.py runserver 

Wenn alles gut gegangen ist, sollten Sie in der Lage sein, Ihren Webbrowser auf http://127.0.0.1:8000/glyphviewer/ zu setzen. Die App wird angezeigt. Für die Schriftarten in Ihrem STATIC_ROOT erhalten Sie dann eine Dropdown-Liste. Dort können Sie die Schriftart auswählen, dann "Zeichen in Schriftart anzeigen" markieren und auf "Senden" klicken - und nach einer Weile sollten Sie die Tabelle mit Zeichen erhalten. auf meiner Box sieht es so aus:

glyphviewer

Ich habe die Tabelle aus dem Screenshot herausgeschnitten, da sie zu lang ist - aber es zeigt genug, dass die App mit dem beschriebenen Installationsvorgang funktionieren sollte.

BEARBEITEN: Wenn Sie Ihre eigenen .woff-Schriftarten überprüfen möchten, müssen Sie sie anscheinend in das lokale "site" -Verzeichnis (hier /tmp/myglyphviewer/static/glyphviewer/fonts/) und in das Installationsverzeichnis ( /usr/local/lib/python2.7/dist-packages/glyphviewer/static/glyphviewer/fonts/) kopieren. Andernfalls gibt das System beim Zugriff möglicherweise 404 zurück http://127.0.0.1:8000/static/glyphviewer/fonts/myfont.woff ...

Wenn Sie sich nicht für lokales Laufen interessieren, können Sie ansonsten auch den Home- Link http://www.pkmurphy.com.au/glyphviewer/ verwenden, um dort die Font-Glyph-Tabellen zu generieren (jedoch nur für lokal vorhandene Fonts) oder irgendwo im Netz, wo sie geladen werden können).