SVG / Yazı tasarımı

Metinden SVG'ye: Yazı Tipi Konturları ve Yolları

Metni, paketteki Latin yazı tipleriyle veya yerel bir TTF, OTF ya da WOFF dosyasıyla SVG yollarına dönüştürün. Boyutu, harf aralığını, satır yüksekliğini, hizalamayı ve renkleri ayarlayın; ardından SVG veya PNG indirin.

Metinden SVG'ye: Yazı Tipi Konturları ve Yolları: Metninizi yazın, paketteki yazı tiplerinden birini seçin veya kendi TTF, OTF ya da WOFF dosyanızı yükleyin. Harfler SVG konturlarına dönüştürülür; böylece yazı tipi yüklü olmasa da sonuç her yerde aynı görünür. Boyutu, harf aralığını, satır yüksekliğini, hizalamayı, dolguyu ve çizgiyi ayarlayın; ardından SVG'yi kopyalayın veya SVG ya da PNG indirin. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori
Geliştirici araçları
Çalıştırma sayısı
Tarayıcınızda
Maliyet
Ücretsiz · kayıt gerekmez
Kullanılabilirlik
Kullanıma hazır
Metinden SVG yollarınaYerel işleme

Tamamen tarayıcınızda çalışır

TTF, OTF veya WOFF · en fazla 10 MB

Yazı tipi yükleniyor…

Harfleriniz burada başlar.Düzenlenebilir konturlar oluşturmak için metin girin.

Pakete dahil Latin yazı tipleri SIL Open Font Licence lisansını kullanır. Yüklenen yazı tipleri yerel kalır; lisanslarından siz sorumlusunuz. Kerning etkindir. Karmaşık yazı sistemi şekillendirmesi yazı tipine ve ayrıştırıcıya bağlıdır. PNG dışa aktarımları en uzun kenarda 4096 piksel ile sınırlıdır.

SVG şekillerini düzenle

SVG yolları

SVG 2 yol belirtimi, yol komutlarını ve kapalı alt yolları tanımlar. https://www.w3.org/TR/SVG2/paths.html

Yazı tipi ayrıştırıcısı

Yazı tipleri, MIT lisanslı açık kaynak bir kitaplık olan opentype.js 2.0.0 ile tarayıcınızda okunur. WOFF2 dosyaları desteklenmez; önce WOFF, TTF veya OTF biçimine dönüştürün. Bağlamsal alternatifler ve bazı karakter aralığı tabloları gibi gelişmiş yazı tipi özellikleri uygulanmaz; bu nedenle aralıklar bir kelime işlemciden biraz farklı olabilir. https://github.com/opentypejs/opentype.js

Paketlenmiş yazı tipi kaynakları

Değiştirilmemiş Latin WOFF varlıkları Fontsource paketlerinden gelir: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . Her yazı tipinin telif hakkı bildirimi ve SIL Open Font Lisansı'nın tam metni, yazı tipi dosyalarının yanında yayımlanır.

Nasıl kullanılır?

  1. Metni girin ve paketteki bir yazı tipini seçin ya da kendi yazı tipi dosyanızı sürükleyip bırakın.
  2. Boyutu, aralığı, hizalamayı, dolguyu ve çizgiyi ayarlayın; konturları kontrol edin.
  3. SVG yollarını kopyalayın veya indirin ya da PNG dışa aktarın.

Gizlilik ve sınırlamalar

Metin ve yüklenen yazı tipleri tarayıcınızda kalır. Paketteki WOFF dosyaları bu siteden yüklenir; harici bir yazı tipi hizmeti kullanılmaz.

İlgili araçlar

SVG DüzenleyiciSVG dalgaSVG blob

Sık sorulan sorular

Hangi yazı tipleri pakete dahildir?

Normal ve kalın stillerde Inter ve Oswald; ayrıca normal stilde Pacifico ve Lobster pakete dahildir. Bu Latin alt kümeleri, SIL OFL 1,1 kapsamında değiştirilmeden yeniden dağıtılır. Her lisans /fonts/text-to-svg/ konumundadır. Yüklenen yazı tiplerinin lisans sorumluluğu kullanıcıya aittir.

Bazı harf düzenleri neden tasarım uygulamamdan farklı olabilir?

Ayrıştırıcı yalnızca bazı şekillendirme ve konumlandırma tablolarını destekler. Desteklenmeyen bağlamsal ikamelerde doğrudan karakter gliflerine dönülür; bir bildirim bu sınırlamayı belirtir. Inter dahil bazı yazı tiplerinde, kerning çiftlerine erişilemeyebilen konumlandırma tabloları bulunur. Karmaşık yazı sistemleri ve renkli yazı tipleri farklı görünebilir.

SVG, düzenlenebilir metin içeriyor mu?

Hayır. SVG, konturlar içerir ve görüntülenmek için özgün yazı tipine ihtiyaç duymaz. Boş satırlar taban çizgisi aralığını etkiler; viewBox ise görünür içeriği kırpar. PNG çıktısının en uzun kenarı 4096 piksel ile sınırlıdır.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez