TTF-i SVG-yə çevirmək

Q: SVG şriftləri kerninqi və liqaturaları saxlayırmı?

Yalnız qismən. SVG font formatı `hkern` elementləri ilə kerninq cütlərini və çoxsimvollu qliflər saxlaya bilir, lakin kiçik kapitellər, alternativlər və ya kontekst qaydaları kimi OpenType xüsusiyyət cədvəllərinin ekvivalenti yoxdur. Bunlar lazımdırsa, TTF-i saxlayın.

Bu səhifə TrueType şriftini SVG şriftinə çevirir: hər simvolun <glyph> elementi olduğu və konturunun SVG yol məlumatı kimi yazıldığı tək XML faylı. Bu, ikon şrift alətləri və şrift redaktorları üçün faydalıdır, lakin mətninizin şəkli ilə eyni şey deyil.

və ya TTF, OTF, WOFF … faylları bura sürüşdürün ·

Hər fayl üçün maks. 95 MB· 20 fayla qədər· 30 dəqiqədən sonra silinir

Nəticə

Çevriləcək format

Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.

Bu alətdən necə istifadə etməli

1
TTF faylını yükləyin
Bir və ya bir neçə .ttf faylı əlavə edin: bir dəstdə ən çox 20 fayl, hər biri 95 MB-a qədər ola bilər. İkon şriftləri də, mətn şriftləri də işləyir.
2
Nəticə kimi SVG şriftini saxlayın
Çevriləcək format SVG font olaraq seçilib. Hinting SVG nəticəsinə şamil olunmur, ona görə bu seçim görünmür; Əlavə ayarlar altındakı Ailə adı isə şriftin adını yenə dəyişir.
3
SVG-yə çevirin
SVG formatına Çevir düyməsinə basın və .svg faylını endirin. Qlif konturlarına çatmaq üçün onu mətn redaktorunda, Inkscape-də və ya FontForge-da açın.

SVG şrifti ilə mətnin SVG şəkli arasındakı fərq

TTF to SVG axtardıqda iki fərqli məqsəd qarışır. Biri SVG fontdur: W3C-nin 2001-ci il SVG 1.0 tövsiyəsində təyin olunmuş şrift formatı; burada <font> elementi hər simvol üçün Unicode dəyəri, addım eni və path şəklində kontur olan <glyph> saxlayır. O biri mətnin SVG şəklidir: loqonun hərfləri və ya artıq sətirdə yazılıb formalara çevrilmiş ad. Bu çevirici birinci növü yaradır. Əlinizdə şrift yox, loqo şəkli varsa, PNG-dən SVG-yə çevirmə onu path-lərə izləyir.

TrueType konturunu SVG path məlumatına çevirmək formada heç nə itirmir. SVG path-ləri TrueType-ın istifadə etdiyi eyni kvadratik əyriləri dəstəkləyir, ona görə hər kontur olduğu kimi yazılır. Konturların ətrafındakı hər şey qalmır: hinting təlimatları, sadə kerninqdən kənar OpenType xüsusiyyətləri və əməliyyat sistemlərinin şrifti quraşdırmaq üçün tələb etdiyi ikili cədvəllər. SVG font Windows və ya macOS-da quraşdırıla bilməz.

SVG şrift faylı necə görünür

SVG fontdakı markapın qısaldılmış nümunəsi

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="BrendSans" horiz-adv-x="1229">
      <font-face font-family="Brend Sans" units-per-em="2048" ascent="1638" descent="-410" />
      <glyph unicode="L" glyph-name="L" horiz-adv-x="1100" d="M180 0V1456H360V160H1040V0Z" />
    </font>
  </defs>
</svg>

Bu səhifənin yaratdığı: bir fayl, hər simvol üçün bir <glyph>, y oxu yuxarı yönəlmiş şrift vahidlərində.

FontForge, Inkscape və ikon şrift alətlərində açılır
Kompüterdə quraşdırıla bilməz
Hazırkı Chrome, Edge və Firefox tərəfindən yüklənmir

Rəngli, qatlı qliflər saxlayan əlavə SVG cədvəli olan adi OTF və ya TTF.

Hər hansı şrift kimi quraşdırılır
Emoji və çoxrəngli yazılar üçün istifadə olunur
Dəstək tətbiqə və brauzerə görə dəyişir

SVG şriftləri haradan gəldi və hara getdi

SVG 1.0 font elementini təyin edir: 2001
SVG veb şriftləri tələb edən son iPhone Safari: iOS 4.1
2014-də SVG şriftlərini silir: Chrome 38
font bölməsini çıxarır: SVG 2

TTF

TrueType şrifti

TTF 1980-ci illərin sonunda Apple tərəfindən hazırlanan, 1991-ci ildə buraxılan və sonra Microsoft-a lisenziyalanan TrueType şrift formatıdır. Qlif konturlarını kvadratik əyrilərlə təyin edir və mətnin ekranda kəskin görünməsini təmin edən hinting təlimatlarını daxil edir. TrueType bütün masaüstü əməliyyat sistemləri, mətn redaktorları və dizayn tətbiqləri tərəfindən dəstəklənir. OpenType-ın bəzi qabaqcıl tipoqrafik imkanları yoxdur və veb şrift formatlarından böyükdür.

Sıxılma: İtkisiz
Şəffaflıq: –
Animasiya: –
İlk dəfə təqdim edilib: 1991 · Apple

TTF konvertoru

SVG

Scalable Vector Graphics

SVG 2001-ci ildə W3C tərəfindən standartlaşdırılmış XML əsaslı vektor formatdır. Piksellər əvəzinə formaları, yolları və mətni təsvir edir, ona görə istənilən ölçüdə kəskin qalır və loqo və ikonlar üçün adətən çox kiçik olur. Şəffaflığı, CSS üslubunu, skriptləri və animasiyanı dəstəkləyir, hər brauzer onu doğma göstərir. SVG fotolar üçün uyğun deyil, mürəkkəb illüstrasiyaların göstərilməsi isə yavaşlaya bilər. Illustrator, Inkscape, Figma və brauzerlər onu aça və redaktə edə bilir.

Sıxılma: –
Şəffaflıq: Bəli
Animasiya: Bəli
İlk dəfə təqdim edilib: 2001 · W3C

SVG konvertoru

TTF-dən SVG-yə çevirmə hər qlifin konturunu SVG font daxilində redaktə oluna bilən SVG path məlumatı kimi yazır; ikon şrift alətləri, şrift redaktorları və köhnə veb şrift dəstləri bundan istifadə edir. Müasir veb səhifələrdə şrift yükləmək üçün üsul deyil.

TTF-i SVG-yə çevirmək: tez-tez verilən suallar

SVG şriftini bu gün CSS @font-face-də istifadə etmək olarmı?

Əksər brauzerlərdə yox. Chrome SVG font dəstəyini 2014-cü ildə 38-ci versiyada sildi, Firefox və Internet Explorer isə heç vaxt əlavə etmədi. Veb sayt üçün TTF-i əvəzinə TTF-dən WOFF2-yə çevirin.

Qlifləri rəsmə yapışdıranda niyə tərsinə görünürlər?

SVG şriftləri şriftin öz koordinat sistemindən istifadə edir: y oxu baza xəttindən yuxarı yönəlir, adi SVG çertyojlarında isə y yuxarıdan aşağı sayılır. Konturu şaquli çevirin, məsələn scale(1,-1) transformu ilə, düzgün görünəcək.

Cricut və ya lazer kəsici üçün mətni SVG yollarına necə çevirmək olar?

TTF-i quraşdırın, sözlərinizi Inkscape-də və ya Illustrator-da yazın və mətni konturlara çevirin: Inkscape-də Path › Object to Path, Illustrator-da Type › Create Outlines. Sonra SVG kimi saxlayın. SVG font hər hərfi ayrıca saxlayır və sözlər kimi yerləşdirilmir.

SVG şriftləri kerninqi və liqaturaları saxlayırmı?

Yalnız qismən. SVG font formatı hkern elementləri ilə kerninq cütlərini və çoxsimvollu qliflər saxlaya bilir, lakin kiçik kapitellər, alternativlər və ya kontekst qaydaları kimi OpenType xüsusiyyət cədvəllərinin ekvivalenti yoxdur. Bunlar lazımdırsa, TTF-i saxlayın.

SVG şrift nəticəsi ikon şriftləri üçün faydalıdırmı?

Bəli, bu gün əsas istifadəsi budur. IcoMoon kimi ikon şrift alətləri SVG şriftlərini idxal edir; beləliklə köhnə ikon şriftindən ikonları çıxarıb redaktə edə, yeni dəst yarada və ya hər ikonu ayrıca SVG kimi ixrac edə bilərsiniz.