Cách xem tất cả các ký tự của một phông chữ và ánh xạ chữ cái của chúng


1

Vì vậy, tôi có phông chữ biểu tượng này là .eot, .svg, .ttf và .woff để sử dụng trong một trang web.

Vì vậy, ví dụ trong trang web của tôi, tôi sẽ viết <i>t</i> và phân công <i> phông chữ biểu tượng. Trong phông chữ biểu tượng, chữ cái t là biểu tượng tôi muốn hiển thị ở đây.

Nhưng không có thông tin nhân vật nào thực sự đại diện cho biểu tượng nào.

Vì vậy, tôi tự hỏi làm thế nào nếu có một cách, hoặc có thể một số phần mềm, cho phép tôi xem tất cả các ký tự, cùng với chữ cái mà chúng được ánh xạ.


Vâng, chỉ là để gửi chính xác câu hỏi này - xem thêm unix.stackexchange.com/questions/5715/ ; và đặc biệt bluejamesbond.github.io/CharacterMap
sdaau

Câu trả lời:


0

Ok, tôi đã tìm thấy một ứng dụng - đó là một ứng dụng web dựa trên Django, Glyphviewer ( https://github.com/peterkmurphy/glyphviewer ). Đây là những gì tôi đã làm trên Ubuntu 14.04 để cài đặt cục bộ - lưu ý rằng ứng dụng trong phiên bản hiện tại của nó được điều chỉnh theo CMS có tên Mezzanine, do đó tôi sẽ không cài đặt ở đây, vì vậy đó là lý do cài đặt liên quan nhiều hơn một chút.

Trước tiên, bạn cần điều này (Tôi đang sử dụng Python 2.7 tại đây):

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

Sau đó, cài đặt các phụ thuộc này:

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

Sau đó, cài đặt glyphviewer chinh no:

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

Bây giờ, tạo ứng dụng địa phương của bạn:

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

Tại thời điểm này, "... thêm URL mong muốn vào một trong các tệp urls.py."; vì vậy có cái này trong của bạn myglyphviewer/urls.py tập tin:

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

Chúng tôi sẽ sử dụng quản trị viên base.html từ Django, vì vậy hãy làm điều này:

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

EDIT: chúng ta nên sao chép ở đây, thay vì chỉ symlink, vì sau khi sao chép, chúng ta nên chỉnh sửa bản sao base.htmlvà chèn:

{% block extra_css %}{% endblock %}

... đâu đó trong đầu; điều này đến từ gác lửng / cơ sở.html và không có nó, phông chữ sẽ không được áp dụng trên trang!

Sau đó, thay đổi các tệp mẫu này để chúng tham khảo "chặn nội dung" thay vì "chặn chính":

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

Hiện nay,

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

Bây giờ về nguyên tắc chúng ta có thể chạy máy chủ, nhưng nếu nó bị lỗi với " Bạn có di cư chưa được áp dụng; ứng dụng của bạn có thể không hoạt động đúng cho đến khi chúng được áp dụng. ", sau đó chạy:

python manage.py migrate

Và cuối cùng chúng ta có thể chạy máy chủ (một lần nữa, tất cả điều này được thực hiện trong /tmp/myglyphviewer danh mục):

python manage.py runserver

Nếu mọi việc suôn sẻ, bạn sẽ có thể trỏ trình duyệt web của mình tới http://127.0.0.1:8000/glyphviewer/ - và ứng dụng sẽ được hiển thị. Sau đó, đối với các phông chữ bên trong STATIC_ROOT của bạn, bạn sẽ có một danh sách thả xuống; ở đó bạn có thể chọn phông chữ, sau đó kiểm tra "Hiển thị các ký tự trong phông chữ" và nhấp vào "Gửi" - và sau một thời gian, bạn sẽ nhận được bảng có các ký tự; trên hộp của tôi, nó trông như thế này:

glyphviewer

Tôi đã cắt bảng từ ảnh chụp màn hình, vì nó quá dài - nhưng nó cho thấy đủ rằng ứng dụng, với quy trình cài đặt được mô tả, sẽ hoạt động.

CHỈ SỐ /tmp/myglyphviewer/static/glyphviewer/fonts/ ) và thư mục cài đặt ( /usr/local/lib/python2.7/dist-packages/glyphviewer/static/glyphviewer/fonts/ ) - nếu không hệ thống có thể trả về 404 khi truy cập http://127.0.0.1:8000/static/glyphviewer/fonts/myfont.woff ...

Mặt khác, nếu bạn không quan tâm đến việc chạy cục bộ, thì bạn cũng có thể sử dụng nhà http://www.pkmurphy.com.au/glyphviewer/ liên kết, để tạo các bảng glyph phông chữ ở đó (nhưng chỉ cho các phông chữ hiện diện ở đó hoặc hiện ở đâu đó trên mạng nơi chúng có thể được tải từ đó).

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.