UltKit

Kibadilishaji fonti TTF kuwa SVG

Ukurasa huu hubadilisha fonti ya TrueType kuwa fonti ya SVG: faili moja ya XML ambamo kila herufi ni kipengele cha <glyph> chenye muhtasari wake ulioandikwa kama data ya njia ya SVG. Hii inafaa kwa zana za fonti za aikoni na programu za kuhariri fonti, lakini si sawa na picha ya maandishi yako.

Kibadilishaji cha Fonti

au buruta Faili za TTF, OTF, WOFF … hapa ·

Hadi MB 95 kwa faili· Hadi faili 20· Hufutwa baada ya dakika 30

Matokeo

Faili huchakatwa kwenye seva zetu na kufutwa baada ya dakika 30.

Jinsi ya kutumia zana hii

  1. 1

    Pakia faili ya TTF

    Ongeza faili moja au zaidi za .ttf, hadi 20 kwa kila kundi na 95 MB kila moja. Fonti za aikoni na fonti za maandishi zote zinafanya kazi.

  2. 2

    Acha fonti ya SVG kama muundo wa matokeo

    Badilisha kuwa imewekwa kuwa SVG font. Hinting haitumiki kwenye matokeo ya SVG, kwa hiyo chaguo hilo hupotea; Jina la familia chini ya Mipangilio ya hali ya juu bado hubadilisha jina la fonti.

  3. 3

    Badilisha kuwa SVG

    Bonyeza Badilisha kuwa SVG kisha pakua faili ya .svg. Ifungue kwenye kihariri cha maandishi, Inkscape au FontForge ili kufikia njia za glifu.

Fonti ya SVG dhidi ya picha ya SVG ya maandishi

Ukitafuta TTF kuwa SVG utapata malengo mawili tofauti yaliyochanganywa. Moja ni fonti ya SVG: muundo wa fonti uliofafanuliwa kwenye Mapendekezo ya SVG 1.0 ya W3C ya mwaka 2001, ambapo kipengele cha <font> kina <glyph> kwa kila herufi yenye thamani ya Unicode, upana wa hatua na muhtasari kama njia. Lingine ni picha ya SVG ya maandishi fulani, herufi za nembo au jina lililopangwa tayari kwenye mstari na kuhifadhiwa kama maumbo. Kibadilishaji hiki hutoa aina ya kwanza. Ikiwa ulicho nacho ni picha ya nembo badala ya fonti, PNG kuwa SVG huifuatilia kuwa njia.

Kubadilisha muhtasari wa TrueType kuwa data ya njia ya SVG hakupotezi chochote kwenye umbo. Njia za SVG zinaunga mkono mikunjo ileile ya quadratic inayotumiwa na TrueType, kwa hiyo kila mkondo huandikwa kama ulivyo. Kisichobaki ni kila kitu kinachozunguka muhtasari: maagizo ya hinting, vipengele vya OpenType zaidi ya kerning rahisi, na majedwali ya binary ambayo mifumo ya uendeshaji huhitaji kusakinisha fonti. Fonti ya SVG haiwezi kusakinishwa kwenye Windows wala macOS.

Faili ya fonti ya SVG inavyoonekana

Mfano mfupi wa msimbo katika fonti ya SVG
<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- fonti iliyotolewa, herufi moja -->
    <font id="BrandSans" horiz-adv-x="1229">
      <font-face font-family="Brand 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>

Ukurasa huu hutengeneza: faili moja, <glyph> moja kwa kila herufi, kwa vipimo vya fonti na mhimili wa y ukielekea juu.

  • Hufunguka kwenye FontForge, Inkscape na zana za fonti za aikoni
  • Haiwezi kusakinishwa kwenye kompyuta
  • Haipakiwi na Chrome, Edge au Firefox za sasa

Fonti za SVG zilikotoka na zilikoishia

SVG 1.0 inafafanua kipengele cha font
2001
Safari ya mwisho ya iPhone iliyohitaji fonti za wavuti za SVG
iOS 4.1
huondoa fonti za SVG mwaka 2014
Chrome 38
inaondoa sura ya fonti
SVG 2

TTF

Fonti ya TrueType

TTF ni umbizo la fonti la TrueType lililotengenezwa na Apple mwishoni mwa miaka ya 1980 na kutolewa mwaka 1991, kisha kupewa Microsoft leseni. Hufafanua maumbo ya herufi kwa mikunjo ya quadratic na ina maelekezo ya hinting yanayofanya maandishi yaonekane makali kwenye skrini. TrueType inasaidiwa na kila mfumo wa uendeshaji wa kompyuta, kichakataji maneno na programu ya usanifu. Haina baadhi ya vipengele vya hali ya juu vya uchapaji vya OpenType na ni kubwa kuliko miundo ya fonti za wavuti.

Ubanaji
Bila upotevu
Uwazi
–
Uhuishaji
–
Mwaka ulioanzishwa
1991 · Apple
Kigeuzi cha TTF

SVG

Scalable Vector Graphics

SVG ni muundo wa vekta unaotegemea XML uliosanifishwa na W3C mwaka 2001. Badala ya pikseli, unaeleza maumbo, njia na maandishi, kwa hiyo hubaki mkali kwa ukubwa wowote na kwa kawaida ni mdogo sana kwa nembo na aikoni. Unaunga mkono uwazi, mtindo wa CSS, hati za programu na uhuishaji, na kila kivinjari huuonyesha asili. SVG haifai kwa picha za kamera, na michoro tata inaweza kuchelewa kuonyeshwa. Illustrator, Inkscape, Figma na vivinjari vinaweza kuufungua na kuuhariri.

Ubanaji
–
Uwazi
Ndiyo
Uhuishaji
Ndiyo
Mwaka ulioanzishwa
2001 · W3C
Kigeuzi cha SVG

TTF kuwa SVG huandika muhtasari wa kila glifu kama data ya njia ya SVG inayoharirika ndani ya fonti ya SVG, inayotumiwa na zana za fonti za aikoni, vihariri vya fonti na vifurushi vya zamani vya webfont; si njia ya kupakia fonti kwenye kurasa za kisasa za wavuti.

Maswali kuhusu kubadilisha TTF kuwa SVG

Je, ninaweza kutumia fonti ya SVG katika CSS @font-face leo?

Hapana kwenye vivinjari vingi. Chrome iliondoa usaidizi wa fonti za SVG kwenye toleo la 38 mwaka 2014, na Firefox na Internet Explorer hazikuwahi kuuongeza. Kwa tovuti, badilisha TTF kwa TTF kuwa WOFF2 badala yake.

Kwa nini herufi zinageuka juu chini ninapozibandika kwenye mchoro?

Fonti za SVG hutumia mfumo wa kuratibu wa fonti yenyewe, ambapo mhimili wa y unaelekea juu kutoka mstari wa msingi, wakati michoro ya kawaida ya SVG huhesabu y kuelekea chini kutoka juu. Geuza njia wima, kwa mfano kwa transform ya scale(1,-1), nayo itaonekana sawa.

Ninawezaje kubadilisha maandishi kuwa njia za SVG kwa Cricut au mashine ya kukata kwa leza?

Sakinisha TTF, andika maneno yako kwenye Inkscape au Illustrator kisha ubadilishe maandishi kuwa muhtasari: Path › Object to Path kwenye Inkscape, Type › Create Outlines kwenye Illustrator. Hifadhi kama SVG. Fonti ya SVG ina kila herufi kivyake na haijapangwa kama maneno.

Je, fonti za SVG huhifadhi nafasi kati ya herufi (kerning) na viunganishi vya herufi (ligatures)?

Kwa sehemu tu. Muundo wa fonti ya SVG unaweza kuhifadhi jozi za kerning kwa vipengele vya hkern na glifu za herufi nyingi, lakini hauna kitu sawa na majedwali ya vipengele vya OpenType kama small caps, alternates au kanuni za muktadha. Hifadhi TTF ikiwa unahitaji hivyo.

Je, fonti ya SVG inafaa kwa fonti za aikoni?

Ndiyo, hiyo ndiyo matumizi yake makuu leo. Zana za fonti za aikoni kama IcoMoon huingiza fonti za SVG, hivyo unaweza kutoa aikoni kutoka fonti ya zamani ya aikoni, kuzihariri na kujenga seti mpya au kusafirisha kila aikoni kama SVG yake.