TTF'yi SVG'ye Dönüştürme

Q: SVG fontlar karakter aralığını (kerning) ve bitişik harfleri korur mu?

Yalnızca kısmen. SVG yazı tipi biçimi, kerning çiftlerini `hkern` öğeleriyle ve çok karakterli glifleri saklayabilir, ancak küçük büyük harf, alternatifler veya bağlamsal kurallar gibi OpenType özellik tablolarının karşılığı yoktur. Bunlara ihtiyacınız varsa TTF'yi saklayın.

Bu sayfa bir TrueType fontu SVG fonta dönüştürür: her karakterin ana hattı SVG yol verisi olarak yazılmış bir <glyph> öğesi olduğu tek bir XML dosyası. Bu, ikon font araçları ve font düzenleyiciler için kullanışlıdır, ancak metninizin bir resmiyle aynı şey değildir.

veya TTF, OTF, WOFF … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dönüştürülecek biçim

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

1
TTF dosyasını yükleyin
Bir veya daha fazla .ttf dosyası ekleyin; her toplu işlemde en fazla 20 dosya ve dosya başına 95 MB kabul edilir. Simge yazı tipleri de metin yazı tipleri de çalışır.
2
Çıktı olarak SVG fontu bırakın
Dönüştürülecek biçim SVG yazı tipi olarak ayarlıdır. Hinting SVG çıktısına uygulanmaz, bu yüzden seçenek görünmez; Gelişmiş ayarlar altındaki Aile adı yazı tipini yine de yeniden adlandırır.
3
SVG'ye dönüştürün
SVG biçimine Dönüştür → düğmesine basın ve .svg dosyasını indirin. Glif yollarına ulaşmak için dosyayı bir metin düzenleyicide, Inkscape'te veya FontForge'da açın.

SVG font ile metnin SVG resmi arasındaki fark

TTF'den SVG'ye diye aradığınızda birbirinden farklı iki amaç karışık çıkar. Biri SVG yazı tipidir: W3C'nin 2001 tarihli SVG 1.0 Tavsiyesi'nde tanımlanan yazı tipi biçimi; burada bir <font> öğesi, her karakter için Unicode değeri, ilerleme genişliği ve yol olarak dış çizgi içeren bir <glyph> barındırır. Diğeri bir metnin SVG resmidir; bir logonun harfleri veya satır halinde dizilmiş ve şekil olarak kaydedilmiş bir isim. Bu dönüştürücü ilk türü üretir. Elinizdeki şey yazı tipi değil de bir logo resmiyse, PNG'den SVG'ye aracı onu yollara izler.

Bir TrueType dış çizgisini SVG yol verisine dönüştürmek şekilden hiçbir şey kaybettirmez. SVG yolları TrueType'ın kullandığı ikinci dereceden eğrileri destekler, bu yüzden her kontur olduğu gibi yazılır. Korunmayan şey dış çizgilerin çevresindeki her şeydir: hinting yönergeleri, basit kerning dışındaki OpenType özellikleri ve işletim sistemlerinin bir yazı tipini yüklemek için gereksindiği ikili tablolar. SVG yazı tipi Windows'a veya macOS'a yüklenemez.

Bir SVG font dosyası nasıl görünür?

Bir SVG yazı tipindeki işaretlemenin kısaltılmış örneği

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="MarkaSans" horiz-adv-x="1229">
      <font-face font-family="Marka 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 sayfanın ürettiği şey: tek dosya, her karakter için bir <glyph>, y ekseni yukarı bakan yazı tipi birimlerinde.

FontForge, Inkscape ve simge yazı tipi araçlarında açılır
Bilgisayara yüklenemez
Güncel Chrome, Edge veya Firefox tarafından yüklenmez

Renkli, katmanlı glifler içeren ek bir SVG tablosu bulunan normal bir OTF veya TTF.

Her yazı tipi gibi yüklenir
Emoji ve çok renkli yazılar için kullanılır
Destek uygulamaya ve tarayıcıya göre değişir

SVG fontlar nereden geldi ve nereye gitti?

SVG 1.0 font öğesini tanımlar: 2001
SVG web yazı tipine ihtiyaç duyan son iPhone Safari sürümü: iOS 4.1
SVG yazı tiplerini 2014'te kaldırır: Chrome 38
yazı tipi bölümünü çıkarır: SVG 2

TTF

TrueType yazı tipi

TTF, Apple'ın 1980'lerin sonunda geliştirdiği, 1991'de yayımladığı ve sonra Microsoft'a lisansladığı TrueType yazı tipi biçimidir. Karakter dış hatlarını ikinci dereceden eğrilerle tanımlar ve metnin ekranda net görünmesini sağlayan hinting yönergeleri içerir. TrueType her masaüstü işletim sistemi, kelime işlemci ve tasarım uygulamasında desteklenir. OpenType'ın bazı gelişmiş tipografik özelliklerinden yoksundur ve web yazı tipi biçimlerinden daha büyüktür.

Sıkıştırma: Kayıpsız
Saydamlık: –
Animasyon: –
Çıkış yılı: 1991 · Apple

TTF dönüştürücü

SVG

Scalable Vector Graphics

SVG, W3C'nin 2001'de standartlaştırdığı XML tabanlı bir vektör biçimidir. Piksel yerine şekilleri, yolları ve metni tanımlar; bu yüzden her boyutta keskin kalır ve logolar ile simgeler için genellikle çok küçüktür. Saydamlığı, CSS stillendirmesini, betik çalıştırmayı ve animasyonu destekler; her tarayıcı onu yerel olarak işler. SVG fotoğraflar için uygun değildir ve karmaşık çizimlerin işlenmesi yavaşlayabilir. Illustrator, Inkscape, Figma ve tarayıcılar onu açıp düzenleyebilir.

Sıkıştırma: –
Saydamlık: Evet
Animasyon: Evet
Çıkış yılı: 2001 · W3C

SVG dönüştürücü

TTF'den SVG'ye dönüştürme, her glifin dış çizgisini bir SVG yazı tipi içinde düzenlenebilir SVG yol verisi olarak yazar; simge yazı tipi araçları, yazı tipi düzenleyiciler ve eski web yazı tipi paketleri bunu kullanır. Modern web sayfalarında yazı tipi yüklemenin bir yolu değildir.

TTF'yi SVG'ye dönüştürme hakkında SSS

SVG fontu bugün CSS @font-face içinde kullanabilir miyim?

Çoğu tarayıcıda hayır. Chrome, SVG yazı tipi desteğini 2014'te 38. sürümle kaldırdı; Firefox ve Internet Explorer ise hiç eklemedi. Web sitesi için TTF dosyasını bunun yerine TTF'yi WOFF2'ye dönüştürme aracıyla çevirin.

Glifleri bir çizime yapıştırdığımda neden ters görünüyor?

SVG yazı tipleri, y ekseninin taban çizgisinden yukarı doğru olduğu yazı tipinin kendi koordinat sistemini kullanır; sıradan SVG çizimlerinde ise y üstten aşağı doğru sayılır. Yolu dikey olarak çevirirseniz, örneğin scale(1,-1) dönüşümüyle, doğru görünür.

Cricut veya lazer kesim için metni SVG yollarına nasıl dönüştürürüm?

TTF'yi yükleyin, Inkscape veya Illustrator'da yazınızı yazın ve metni dış çizgilere dönüştürün: Inkscape'te Yol › Nesneyi Yola Dönüştür, Illustrator'da Yazı › Anahat Oluştur. Sonra SVG olarak kaydedin. SVG yazı tipi her harfi ayrı ayrı tutar ve kelime olarak dizilmiş değildir.

SVG fontlar karakter aralığını (kerning) ve bitişik harfleri korur mu?

Yalnızca kısmen. SVG yazı tipi biçimi, kerning çiftlerini hkern öğeleriyle ve çok karakterli glifleri saklayabilir, ancak küçük büyük harf, alternatifler veya bağlamsal kurallar gibi OpenType özellik tablolarının karşılığı yoktur. Bunlara ihtiyacınız varsa TTF'yi saklayın.

SVG font çıktısı ikon fontlar için işe yarar mı?

Evet, bugün asıl kullanım alanı budur. IcoMoon gibi simge yazı tipi araçları SVG yazı tiplerini içe aktarır; böylece eski bir simge yazı tipinden simgeleri çıkarabilir, düzenleyebilir, yeni bir set oluşturabilir veya her simgeyi ayrı bir SVG olarak dışa aktarabilirsiniz.