Как просмотреть все символы шрифта и их сопоставление букв

Поэтому я получил этот значок шрифта как.eot, .svg, .ttf и.woff для использования на веб-странице.

Так, например, на моей веб-странице я бы написал <i>t</i> и назначить <i> значок шрифта. В значке шрифта буква t это значок, который я хочу отобразить здесь.

Но нет информации о том, какие символы на самом деле представляют какие значки.

Поэтому мне интересно, как, если есть какой-то способ, или, может быть, какое-то программное обеспечение, которое позволило бы мне просмотреть все символы, и с какой буквой они сопоставлены.

1 ответ

Хорошо, я нашел одно приложение - это веб-приложение на основе Django, Glyphviewer ( https://github.com/peterkmurphy/glyphviewer). Это то, что я сделал в Ubuntu 14.04, чтобы установить его локально - обратите внимание, что приложение в его текущей версии адаптировано для CMS под названием Mezzanine, которую я не буду устанавливать здесь, поэтому установка немного сложнее.

Во-первых, вам нужно это (я использую 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)

Затем установите эти зависимости:

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 ..

Затем установите glyphviewer сам:

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...

Теперь создайте ваше локальное приложение:

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

На этом этапе "... добавьте нужный URL в один из файлов urls.py."; так что имейте это в своем myglyphviewer/urls.py файл:

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"),
]

Мы собираемся использовать админ base.html из Django, сделайте так:

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

РЕДАКТИРОВАТЬ: мы должны скопировать здесь, а не просто символическую ссылку, потому что после копирования мы должны редактировать скопированный base.html и вставьте:

{% block extra_css %}{% endblock %}

... где-то в голове; это происходит из mezzanine / base.html, и без него шрифт не будет применен на странице!

Затем измените эти файлы шаблонов, чтобы они ссылались на "блокировать содержимое" вместо "блокировать главное":

/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 -->

Сейчас,

# "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

Теперь мы, в принципе, должны иметь возможность запустить сервер, но если он завершится неудачно с " У вас не применены миграции; ваше приложение может работать некорректно, пока они не будут применены"., Затем запустите:

python manage.py migrate

И, наконец, мы можем запустить сервер (опять же, все это делается в /tmp/myglyphviewer каталог):

python manage.py runserver

If all went well, you should be able to point your web browser to http://127.0.0.1:8000/glyphviewer/ - and the app will be shown. Then, for the fonts inside your STATIC_ROOT, you will have a dropdown; there you could choose the font, then check "Shows characters in font", and click "Submit" - and after a while, you should get the table with characters; on my box, it looks like this:

I've cut the table from the screenshot, as it is too long - but it shows enough that the app, with the described install process, should be working.

EDIT: if you'd want to inspect your own.woff fonts, it seems that you have to copy them both to the local "site" directory (here, /tmp/myglyphviewer/static/glyphviewer/fonts/) и каталог установки (/usr/local/lib/python2.7/dist-packages/glyphviewer/static/glyphviewer/fonts/) - иначе система может вернуть 404 при доступе к http://127.0.0.1:8000/static/glyphviewer/fonts/myfont.woff...

В противном случае, если вы не заботитесь о локальном запуске, вы также можете использовать домашнюю ссылку http://www.pkmurphy.com.au/glyphviewer/, чтобы сгенерировать там таблицы глифов шрифтов (но только для локально присутствующих там шрифтов). или представить где-нибудь в сети, откуда они могут быть загружены).

Другие вопросы по тегам