الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل
twemoji color font

تويتر لون الرموز التعبيرية SVGinOT الخط

خط ملون ورموز تعبيرية باللونين الأبيض والأسود SVG-OpenType / SVGinOT تم إنشاؤه من العمل الفني لـ Twitter Emoji للجميع مع دعم ZWJ وتنوع ألوان البشرة وأعلام الدول.

يعمل الخط في جميع أنظمة التشغيل، ولكنه سيعرض حاليًا الرموز التعبيرية الملونة فقط في Firefox وThunderbird وPhotoshop CC 2017+. وهذا لا يقتصر على الخط، بل على أنظمة التشغيل والتطبيقات. لماذا لا يعمل على كروم؟ يتم تضمين الرموز التعبيرية العادية للمخطط B&W للتوافق مع الإصدارات السابقة/الاحتياطية.

جدول المحتويات

  • أمثلة
  • ما هو SVGinOT؟
  • تثبيت على لينكس
  • التثبيت على نظام MacOS
  • تثبيت على ويندوز
  • إلغاء التثبيت
  • مبنى
  • رخصة

أمثلة

العرض التوضيحي في Firefox على Linux. رموز تعبيرية ملونة لفايرفوكس في لينكس

ما هو SVGinOT؟

يعد SVG في Open Type معيارًا من Adobe وMozilla لخطوط OpenType وOpen Font Format الملونة. فهو يسمح لمنشئي الخطوط بتضمين ملفات SVG كاملة داخل خط يتيح الألوان الكاملة وحتى الرسوم المتحركة. هناك المزيد من التفاصيل في مقترح SVGinOT ومواصفات جدول OpenType SVG.

العروض التوضيحية لخط SVGinOT (فايرفوكس فقط):

  • https://hacks.mozilla.org/2014/10/svg-colors-in-opentype-fonts/
  • https://xerographer.github.io/reinebow/
  • https://xerographer.github.io/multicoloure/

تثبيت على لينكس

يمكن تثبيت الخط للمستخدم أو على مستوى النظام. احصل على أحدث إصدار من الإصدارات: https://github.com/13rac1/twemoji-color-font/releases

ملاحظة: يتطلب هذا تثبيت Bitstream Vera وسيغير الخطوط الافتراضية لأنظمة serif وsans-serif وmonospace.

لماذا Bitstream فيرا

الخط الافتراضي serif وsans-serif وmonospace لمعظم توزيعات Linux هو DejaVu . يتضمن DejaVu مجموعة واسعة من الرموز التي تتجاوز أحرف Twitter Color Emoji . كان الحل السابق هو جعل Twitter Color Emoji هو خط النظام الافتراضي، ولكن هذا يسبب عددًا من المشكلات. الحل الأفضل هو استخدام خط مختلف لا يتجاوز أي أحرف رموز تعبيرية مثل Bitstream Vera . Bitstream Vera هو مصدر الحروف الرسومية المستخدمة في DejaVu ، لذا فهو لا يختلف كثيرًا. 99%+ من الناس لن يلاحظوا الفرق.

خيارات الخط الافتراضية الإضافية

تتعارض عائلات الخطوط Noto و Roboto بشكل أقل بكثير من DejaVu . قد ترغب في تجربتها. المشكلات الأساسية هي الأحرف 0x2639 و0x263a.

القضايا المعروفة

  • تتسبب الرموز/الرموز التعبيرية في النص المنسق أحادي المسافة في محاذاة غير صحيحة للأحرف. يتم استخدام عرض أحرف المسافة البيضاء من الخط الاحتياطي الذي تم تحديده مؤخرًا في تطبيقات Pango/GTK.
  • [الإصدار رقم 31] بعض عائلات الخطوط غير متطابقة بشكل صحيح في Linux Firefox. الحل البديل: افتح about:config set gfx.font_rendering.fontconfig.fontlist.enabled إلى false . ملاحظة: قد يتسبب في حدوث أعطال في Firefox <48.

التثبيت اليدوي على أي نظام Linux

التثبيت للمستخدم الحالي بدون الجذر: 

 # 1. Download the latest version
wget https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-Linux-15.1.0.tar.gz
# 2. Uncompress the file
tar zxf TwitterColorEmoji-SVGinOT-Linux-15.1.0.tar.gz
# 3. Run the installer
cd TwitterColorEmoji-SVGinOT-Linux-15.1.0
./install.sh

التثبيت على أوبونتو لينكس

Launchpad PPA: https://launchpad.net/~eosrei/+archive/ubuntu/fonts 

sudo apt-add-repository ppa:eosrei/fonts
sudo apt-get update
sudo apt-get install fonts-twemoji-svginot

التثبيت على آرتش لينكس

متوفر باللون AUR كحزمة ttf-twemoji-color .

التثبيت على جنتو لينكس

مستودع جنتو: https://github.com/jorgicio/jorgicio-gentoo 

 # Install layman using Portage with USE="git" enabled, the default.
emerge layman
# Add the repo.
layman -a jorgicio
# Install the package.
emerge twemoji-color-font

التثبيت على نظام MacOS

يتوفر كلا الإصدارين من SVGinOT من الإصدارات: https://github.com/13rac1/twemoji-color-font/releases

  1. TwitterColorEmoji-SVGinOT-15.1.0.zip - يتم تثبيت الإصدار العادي من الخط مثل أي خط آخر ويمكن تحديده على وجه التحديد، ولكن نظام التشغيل MacOS سيعمل افتراضيًا على خط Apple Color Emoji للرموز التعبيرية.
  2. TwitterColorEmoji-SVGinOT-MacOS-15.1.0.zip - اختراق لاستبدال خط Apple Color Emoji باستخدام نفس الاسم الداخلي. قم بتثبيت التحذير في Font Book وقبوله.

تتوفر حزمة البيرة المنزلية. 

 # Tap the brew tap homebrew/cask-fonts keg (caskroom/fonts keg were moved into this).
brew tap homebrew/cask-fonts
# Install the font using brew
brew install --cask font-twitter-color-emoji

التكرار: فقط FireFox يدعم الرموز التعبيرية الملونة لـ SVGinOT في الوقت الحالي. سيستخدم Safari وChrome الرموز التعبيرية الاحتياطية بالأبيض والأسود.

تثبيت على ويندوز

هناك خياران للتثبيت القياسي لنظام التشغيل Windows. يتوفر كلا الإصدارين من SVGinOT من الإصدارات: https://github.com/13rac1/twemoji-color-font/releases

يمكنك أيضًا استخدام حزمة Chocolatey للتعامل مع التثبيت والتحديثات المستقبلية. 

choco install twemoji

يمكنك أيضًا استخدام Scoop للتعامل مع التثبيت والتحديثات المستقبلية. 

 # First, add the `nerd-fonts` bucket
scoop bucket add nerd-fonts
# Then you can install the font using Scoop
scoop install twemoji-color-font

التثبيت القياسي

يتم تثبيت الإصدار العادي من الخط مثل أي خط آخر ويمكن تحديده على وجه التحديد، ولكن Windows سيقوم افتراضيًا بتعيين خط Segoe UI Emoji لأحرف الرموز التعبيرية. التنزيل: https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-15.1.0.zip

استبدل خطوط Windows emoji الافتراضية

يستخدم Windows 7 و8 و10 الرموز التعبيرية من كل من Segoe UI Code وSegoe UI Emoji. نحتاج إلى استبدال كلا الخطين، مع الاحتفاظ بأحرف الرمز الموجودة من Segoe UI Code.

تحتوي هذه الحزمة على برنامج نصي للتثبيت سيقوم بإنشاء كلا الخطين (أو في نظام التشغيل Windows 7، رمز Segoe UI فقط) وتثبيتهما لك. يتطلب تشغيل البرنامج النصي للتثبيت كلاً من Python والنقطة في PATH.

  1. قم بتنزيل أحدث إصدار من Python 3 لنظام التشغيل Windows: https://www.python.org/downloads/windows/
  2. ابدأ تشغيل برنامج التثبيت، ثم حدد "Add Python 3.6 to PATH"، وأكمل عملية التثبيت، ثم أعد التشغيل.
  3. قم بتنزيل حزمة Twitter Color Emoji Windows من الإصدارات: https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-Win-15.1.0.zip
  4. قم بفك ضغط الملف.
  5. افتح دليل TwitterColorEmoji الجديد.
  6. قم بتشغيل install.cmd. ملاحظة: سيستغرق هذا بعض الوقت.
  7. قم بتثبيت كلا الخطين الجديدين عند الطلب.
  8. منتهي!

التكرار: فقط FireFox وEdge (القديم) يدعمان الرموز التعبيرية الملونة لـ SVGinOT في الوقت الحالي. سيستخدم Chrome وEdge (المعتمدان على Chromium) الرموز التعبيرية الاحتياطية بالأبيض والأسود.

إلغاء التثبيت

تتوفر برامج نصية لإلغاء التثبيت لنظامي التشغيل Windows وLinux. وهي مدرجة أيضًا في ملفات الإصدار.

مبنى

ملخص:

  1. يتم إنشاء صور B&W SVG بشكل سريع من صور SVG الملونة
  2. يتم استيراد صور B&W SVG استنادًا إلى اسم الملف الخاص بها لإنشاء حروف رسومية عادية أو حروف رسومية مركبة.
  3. يتم استيراد صور SVG الملونة لتجاوز كلا النوعين من الحروف الرسومية.

يتطلب:

  • إنكسكيب 1.0+
  • إيماج ماجيك
  • بوتريس/mkbitmap
  • أدوات الخط 4.14+
  • فونت فورج 20190801+
  • SVGO
  • يصنع
  • SCFBuild (تم إنشاؤه لهذا المشروع!)

الإعداد والبناء على Ubuntu 20.04 LTS: 

sudo apt-get update
sudo apt-get install inkscape potrace npm nodejs fontforge 
devscripts python3-fontforge python3-pip python3-yaml imagemagick 
git make debhelper build-essential
sudo npm install -g svgo
sudo pip3 install fonttools
git clone https://github.com/13rac1/twemoji-color-font.git
cd twemoji-color-font
git clone https://github.com/13rac1/scfbuild.git SCFBuild
make -j 4

رخصة

العمل الفني وخطوط TTF مرخصة بـ CC-BY-4.0. الرجاء مراجعة LICENSE.md للحصول على التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل