← ወደ ባህሪያት ይመለሱ
Free

ሁሉንም ፎንቶች ዘርዝር

ሁሉንም ፎንቶች ዘርዝር ማንኛውንም ድረ-ገጽ ይቃኛል እና ጥቅም ላይ ያለውን ማንኛውንም font family ሙሉ ማህደር ያቀርባል — ድረ-ገጽ ፎንቶች፣ ራስ-ያስተናገዱ ፎንቶች እና ሥርዓት ፎንት fallbacks። ማንኛውም ፎንት ቀጥታ ጽሁፍ ቅድመ-እይታ፣ ክብደቶች፣ ለስንት ኤለመንቶች ጥቅም ላይ እንደዋለ እና በአንድ ጠቅታ CSS font-family ቅዳ ያሳያል።

በሚያደንቁት ድረ-ገጽ ላይ ፎንቶችን መለየት ከዚህ ቀደም በ DevTools ውስጥ ኤለመንቶችን አንድ በአንድ መፈተሽ ያስፈልግ ነበር። ሁሉንም ፎንቶች ዘርዝር ሙሉ ስዕሉን በአንድ እይታ ይሰጣል — በገጹ ላይ ጫነው ጥቅም ላይ ያለው ማንኛውም ፎንት ከቀጥታ ጽሁፍ ናሙናዎች ጋር።

የቀጥታ ቅድመ እይታ
example.com
4 fonts found on page
Click any font to copy its CSS declaration
Jost 400, 600, 700 · 24 elements
The quick brown fox jumps over the lazy dog
Georgia 400, 700 · 8 elements
The quick brown fox jumps over the lazy dog
Consolas 400 · 3 elements
The quick brown fox jumps over the lazy dog
system-ui 400 · 2 elements (fallback)
The quick brown fox jumps over the lazy dog
ቁልፍ ባህሪያት

ሙሉ ፎንት ማህደር

በገጹ ላይ ገሃድ የተሰጠ ማንኛውንም font-family ይዘረዝራል — ከ Google Fonts፣ Adobe Fonts ወይም ብጁ @font-face መግለጫዎች ድረ-ገጽ ፎንቶችን እና ሥርዓት ፎንት fallbacks ጨምሮ።

ቀጥታ ጽሁፍ ቅድመ-እይታዎች

ማንኛውም ፎንት በገጹ ላይ ከተጫነ ገሃድ ፎንት ፋይል በመጠቀም ቀጥታ ጽሁፍ ናሙና ያሳያል — ገሃድ rendering ያያሉ።

ክብደት እና ስታይል ዝርዝሮች

ለእያንዳንዱ ፎንት ምን ክብደቶች እንደተጫኑ ይመልከቱ (Regular 400፣ Medium 500፣ SemiBold 600፣ Bold 700) እና italic ልዩነቶች ካሉ።

አጠቃቀም ስታቲስቲክስ

በገጹ ላይ ስንት ኤለመንቶች ማንኛውንም ፎንት እንደሚጠቀሙ ይመልከቱ። ብዙ ጥቅም ላይ ያለው ፎንት መጀመሪያ ይዘረዝራል።

በአንድ ጠቅታ CSS ቅዳ

ሙሉ CSS font-family መግለጫ (ምሳ. font-family: 'Inter', sans-serif) ለመቅዳት ማንኛውንም ፎንት ጠቅ ያድርጉ።

ፎንት ምንጭ ዝርዝር

ማንኛውም ፎንት ምንጩን ያሳያል — Google Fonts፣ Adobe Fonts፣ ራስ-ያስተናገደ (ከ @font-face URL ጋር) ወይም ሥርዓት ፎንት።

የተለመዱ የአጠቃቀም ሁኔታዎች

በሚያደንቁ ድረ-ገጾች ላይ ፎንቶችን መለየት

ውብ ታይፖግራፊ ያለው ድረ-ገጽ ይጎብኙ እና ጥቅም ላይ ያሉትን ፎንቶች ወዲያውኑ ይመልከቱ — ስሞች፣ ክብደቶች እና ምንጮች።

ለብቃት ፎንት ኦዲት

ገጽዎ ስንት ፎንቶች ይጫናል? ያልተጠቀሙ ፎንቶች ተወርደው ግን ያልተተገበሩ ካሉ ባከነ ባንድዊድዝ ነው።

ንድፍ ሥርዓት ሰነድ

ፎንቶች እና ክብደቶች በጣቢያው ላይ ወጥ ሆነው ጥቅም ላይ መዋላቸውን ያረጋግጡ።

ፎንት አማራጮችን ማግኘት

የሚወዱት ፎንት ተለየ ግን ክፍያ ያለው? ፎንት ስሙን ይቅዱ ተመሳሳይ ባህሪያት ያላቸው ነፃ አማራጮች ይፈልጉ።

ከብራውዘር-ተሻጋሪ ፎንት ማረጋገጫ

ተመሳሳይ ፎንቶች በሁሉም ቦታ እንደሚሰጡ ለማረጋገጥ በተለያዩ ብራውዘሮች ውስጥ ያካሂዱ።

እንዴት እንደሚጠቀሙ
1

ሁሉንም ፎንቶች ዘርዝር ያንቁ

የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ሁሉንም ፎንቶች ዘርዝር አዶን ጠቅ ያድርጉ።

2

ፎንት ዝርዝር ያሰሱ

ፓነል ሁሉንም ፎንቶች በአጠቃቀም ድግግሞሽ ተደርድረው ያሳያል። ማንኛውም ፎንት ስም፣ ቅድመ-እይታ ጽሁፍ፣ ክብደቶች እና ኤለመንት ቁጥር ያሳያል።

3

ቅድመ-እይታ ይመልከቱ እና ያወዳድሩ

ማንኛውም ፎንት እንዴት እንደሚታይ ለማየት ቀጥታ ቅድመ-እይታዎቹን ያሸብልሉ።

4

ፎንት መግለጫዎችን ይቅዱ

font-family CSS መግለጫውን ለመቅዳት ማንኛውንም ፎንት ጠቅ ያድርጉ።

5

በፕሮጀክትዎ ይጠቀሙ

font-family መግለጫውን በ CSS ውስጥ ይለጥፉ እና ፎንቱን ከተመሳሳይ ምንጭ ይጫኑ።

ለመሞከር ዝግጁ ነዎት? ሁሉንም ፎንቶች ዘርዝር?

DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ