หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด
twemoji color font

แบบอักษร Twitter สี Emoji SVGinOT

แบบอักษรอีโมจิสีและขาวดำ SVG-OpenType / SVGinOT ที่สร้างจากอาร์ตเวิร์ค Twitter Emoji สำหรับทุกคน โดยรองรับ ZWJ ความหลากหลายของสีผิว และธงประเทศ

แบบอักษรใช้งานได้กับทุกระบบปฏิบัติการ แต่ ปัจจุบัน จะแสดงเฉพาะอิโมจิสีใน Firefox, Thunderbird และ Photoshop CC 2017+ เท่านั้น นี่ไม่ใช่ข้อจำกัดของแบบอักษร แต่เป็นของระบบปฏิบัติการและแอปพลิเคชัน ทำไมมันไม่ทำงานบน Chrome? มีการรวมอีโมจิโครงร่างขาวดำปกติไว้ด้วยเพื่อความเข้ากันได้แบบย้อนกลับ/ทางเลือก

สารบัญ

  • ตัวอย่าง
  • SVGinOT คืออะไร?
  • ติดตั้งบนลินุกซ์
  • ติดตั้งบน MacOS
  • ติดตั้งบน Windows
  • กำลังถอนการติดตั้ง
  • อาคาร
  • ใบอนุญาต

ตัวอย่าง

การสาธิตใน Firefox บน Linux อีโมจิสี Firefox ใน Linux

SVGinOT คืออะไร?

SVG ใน Open Type เป็นมาตรฐานโดย Adobe และ Mozilla สำหรับแบบอักษร OpenType และ Open Font Format แบบสี ช่วยให้ผู้สร้างแบบอักษรสามารถฝังไฟล์ SVG ที่สมบูรณ์ภายในแบบอักษรที่เปิดใช้งานสีเต็มรูปแบบและแม้กระทั่งภาพเคลื่อนไหว มีรายละเอียดเพิ่มเติมในข้อเสนอ SVGinOT และข้อกำหนดของตาราง OpenType SVG

การสาธิตแบบอักษร SVGinOT (Firefox เท่านั้น):

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

ติดตั้งบนลินุกซ์

สามารถติดตั้งแบบอักษรสำหรับผู้ใช้หรือทั้งระบบได้ รับเวอร์ชันล่าสุดจากการเผยแพร่: https://github.com/13rac1/twemoji-color-font/releases

หมายเหตุ: สิ่งนี้จำเป็นต้องติดตั้ง Bitstream Vera และจะเปลี่ยนแบบอักษร serif, sans-serif และ monospace เริ่มต้นระบบของคุณ

ทำไมต้อง Bitstream Vera

ฟอนต์ serif, sans-serif และ monospace เริ่มต้นสำหรับลีนุกซ์ส่วนใหญ่คือ 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 to 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

ติดตั้งบน Ubuntu Linux

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

ติดตั้งบน Arch Linux

มีให้ใน AUR เป็นแพ็คเกจ ttf-twemoji-color

ติดตั้งบน Gentoo Linux

พื้นที่เก็บข้อมูล Gentoo: https://github.com/jorgiciio/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

มีแพ็คเกจ Homebrew ให้บริการ 

 # 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

มีสองตัวเลือกการติดตั้งมาตรฐานสำหรับ 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

Windows 7, 8, 10 ใช้อิโมจิจากทั้ง Segoe UI Symbol และ Segoe UI Emoji เราจำเป็นต้องแทนที่แบบอักษรทั้งสอง แต่เก็บอักขระสัญลักษณ์ที่มีอยู่จาก Segoe UI Symbol

แพ็คเกจนี้ประกอบด้วยสคริปต์การติดตั้งที่จะสร้างทั้งสองแบบอักษร (หรือใน Windows 7 เพียงสัญลักษณ์ Segoe UI) และติดตั้งให้คุณ การเรียกใช้สคริปต์การติดตั้งต้องใช้ทั้ง Python และ pip ​​ใน PATH

  1. ดาวน์โหลด Python 3 ล่าสุดสำหรับ Windows: https://www.python.org/downloads/windows/
  2. เริ่มโปรแกรมติดตั้ง เลือก "เพิ่ม Python 3.6 ไปยัง 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. SVG ขาวดำถูกสร้างขึ้นทันทีจาก SVG สี
  2. SVG ของ B&W จะถูกนำเข้าตามชื่อไฟล์เพื่อสร้างสัญลักษณ์ภาพปกติหรือสัญลักษณ์ภาพควบ
  3. SVG สีจะถูกนำเข้าเพื่อแทนที่ร่ายมนตร์ทั้งสองประเภท

กำหนดให้มี:

  • Inkscape 1.0+
  • อิมเมจเมจิค
  • potrace/mkbitmap.php
  • เครื่องมือแบบอักษร 4.14+
  • ฟอนต์ฟอร์จ 20190801+
  • สวีโก
  • ทำ
  • 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 สำหรับรายละเอียด

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด