← Rudi kwenye Vipengele
Free

Orodhesha Fonti Zote

Orodhesha Fonti Zote inakagua ukurasa na kuwasilisha orodha kamili ya kila familia ya fonti inayotumika.

Orodhesha Fonti Zote inakagua ukurasa na kuwasilisha orodha kamili ya kila familia ya fonti inayotumika.

Uhakiki wa Moja kwa Moja
example.com
Fonti 4 zimepatikana kwenye ukurasa
Bofya fonti yoyote ili kunakili tangazo lake la CSS
Jost 400, 600, 700 · vipengele 24
The quick brown fox jumps over the lazy dog
Georgia 400, 700 · vipengele 8
The quick brown fox jumps over the lazy dog
Consolas 400 · vipengele 3
The quick brown fox jumps over the lazy dog
system-ui 400 · vipengele 2 (mbadala)
The quick brown fox jumps over the lazy dog
Vipengele Muhimu

Orodha Kamili ya Fonti

Inaorodhesha kila familia ya fonti (font-family) inayotolewa kwenye ukurasa, ikiwa ni pamoja na fonti za wavuti kutoka Google Fonts, Adobe Fonts, au matangazo ya msimbo ya @font-face, na fonti mbadala za mfumo. Inaonyesha jumla ya familia za fonti za kipekee zilizopatikana.

Hakiki ya Maandishi Moja kwa Moja

Kila fonti inaonyeshwa na sampuli ya maandishi ya moja kwa moja ("The quick brown fox jumps over the lazy dog") inayotolewa kwa kutumia faili halisi ya fonti iliyopakiwa kwenye ukurasa. Unaona utoaji halisi — si hakikisho la kawaida.

Maelezo ya Uzito & Mtindo

Kwa kila fonti, angalia ni uzito gani umepakiwa (Regular 400, Medium 500, SemiBold 600, Bold 700) na ikiwa matoleo ya italiki yanapatikana. Inakusaidia kuelewa sehemu ya fonti iliyopakiwa.

Takwimu za Matumizi

Angalia ni vipengele vingapi kwenye ukurasa vinavyotumia kila fonti. Fonti inayotumika zaidi inaorodheshwa kwanza. Jua ni fonti gani za msingi (maandishi ya mwili) na zipi za upili (zinazotumika kwenye vipengele vichache tu).

Copy CSS kwa Mbofyo Mmoja

Bofya ingizo lolote la fonti ili kunakili tamko lake kamili la CSS font-family (mfano, font-family: 'Inter', sans-serif) kwenye clipboard yako. Tayari kubandikwa moja kwa moja kwenye stylesheet yako.

Utambulisho wa Chanzo cha Fonti

Kila fonti inaonyesha chanzo chake: Google Fonts (pamoja na URL maalum), Adobe Fonts, inayojihifadhi (self-hosted) (pamoja na URL ya @font-face), au fonti ya mfumo. Jua haswa kila fonti inatoka wapi.

Matumizi ya Kawaida

Kutambua Fonti kwenye Tovuti Unazozihusudu

Tembelea tovuti yenye muundo mzuri wa kimaandishi na uone mara moja kila fonti inayotumika — majina, uzito, na zinatoka wapi. Hakuna tena kukisia "hiyo ni fonti gani?" au kutumia zana za utambulisho wa fonti zisizoaminika.

Ukaguzi wa Fonti kwa ajili ya Utendaji

Je, ukurasa wako unapakia fonti ngapi? Je, kuna fonti zisizotumika zinazopakuliwa lakini hazitumiwi? Orodhesha Fonti Zote inaonyesha matumizi halisi — ikiwa fonti iliyopakiwa ina vipengele 0 vinavyoitumia, hiyo ni upotezaji wa bandwidth.

Hati za Mfumo wa Usanifu

Andika muundo wa kimaandishi wa mradi wako kwa kuwasha Orodhesha Fonti Zote kwenye kila ukurasa. Thibitisha kuwa fonti na uzito sahihi vinatumika kwa uthabiti kwenye tovuti — pata matamko ya font-family yasiyofaa.

Kupata Mbadala wa Fonti

Umetambua fonti unayoipenda lakini ni fonti ya kulipia? Nakili jina la fonti na utafute mbadala wa bure wenye sifa zinazofanana. Hakikisho la moja kwa moja linakusaidia kukumbuka haswa jinsi ilivyoonekana.

Uthibitishaji wa Fonti kwenye Kivinjari

Washa Orodhesha Fonti Zote kwenye ukurasa ule ule katika vivinjari tofauti ili kuthibitisha kuwa fonti zile zile zinatolewa kila mahali. Fonti za mfumo hutatuliwa tofauti kwenye mifumo tofauti ya uendeshaji — pata kutofautiana.

Jinsi ya Kutumia
1

Washa Orodhesha Fonti Zote

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya List All Fonts. Chombo kinakagua mitindo iliyokokotolewa (computed styles) na sheria za @font-face za ukurasa.

2

Vinjari Orodha ya Fonti

Jopo linaonyesha fonti zote zilizopatikana kwenye ukurasa, zilizopangwa kwa marudio ya matumizi. Kila ingizo linaonyesha jina la fonti, maandishi ya hakikisho, uzito, na idadi ya vipengele.

3

Hakiki & Linganisha

Sogeza kupitia hakikisho za moja kwa moja ili kuona jinsi kila fonti inavyotolewa. Linganisha fonti ya kichwa dhidi ya fonti ya mwili dhidi ya fonti ya msisitizo (accent).

4

Nakili Matamko ya Fonti

Bofya ingizo lolote la fonti ili kunakili tamko lake la CSS font-family. Bofya kiungo cha chanzo ili kutembelea asili ya fonti (ukurasa wa Google Fonts, URL ya CDN, n.k.).

5

Tumia katika Mradi Wako

Bandika tamko la font-family kwenye CSS yako na upakie fonti kutoka chanzo kile kile ili kuitumia katika mradi wako mwenyewe.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox