ሁሉንም ፎንቶች ዘርዝር ማንኛውንም ድረ-ገጽ ይቃኛል እና ጥቅም ላይ ያለውን ማንኛውንም font family ሙሉ ማህደር ያቀርባል — ድረ-ገጽ ፎንቶች፣ ራስ-ያስተናገዱ ፎንቶች እና ሥርዓት ፎንት fallbacks። ማንኛውም ፎንት ቀጥታ ጽሁፍ ቅድመ-እይታ፣ ክብደቶች፣ ለስንት ኤለመንቶች ጥቅም ላይ እንደዋለ እና በአንድ ጠቅታ CSS font-family ቅዳ ያሳያል።
በምታደንቀው ድረ-ገጽ ላይ ያሉ fonts ን መለየት ቀደም ሲል በDevTools ውስጥ ኤለመንቶችን አንድ በአንድ መመርመር፣ የተሰላውን font-family ንብረት ማረጋገጥ፣ ወይም በአንድ ጊዜ አንድ font ብቻ የሚያውቁ የብራውዘር extensions መጠቀምን ይጠይቅ ነበር። ሁሉንም Fonts ዝርዝር (List All Fonts) ሙሉውን ምስል በአንድ እይታ ይሰጥሃል — በገጹ ላይ የተጫኑ እና ጥቅም ላይ የዋሉ እያንዳንዱ fonts፣ እያንዳንዱ font በትክክል እንዴት እንደሚታይ የሚያሳዩ live የጽሁፍ ናሙናዎች ጋር።
መሳሪያው በwebfonts (በ@font-face ወይም Google Fonts በኩል የተጫኑ) እና system fonts (Arial, Helvetica, Georgia ወዘተ) መካከል ይለያል፣ ሙሉውን font-family stack ያሳያል። ለእያንዳንዱ font፣ የትኞቹ weights እንደተጫኑ፣ የትኞቹ ኤለመንቶች እንደሚጠቀሙት፣ እና ምን font ልኬቶች እንደተተገበሩ ታያለህ። የCSS declaration ውን ለመቅዳት ማንኛውንም font ተጫን — ወደ ራስህ ፕሮጀክት ለመለጠፍ ዝግጁ።
Variable fonts — ለእያንዳንዱ weight የተለየ ፋይል ከመላክ ይልቅ ሙሉውን የweights እና widths ክልል የሚሸፍን ነጠላ font ፋይል — እንደ variable ተለይተው ይታወቃሉ እና እንደ አንድ ቋሚ weight ከመዘርዘር ይልቅ የሚደገፉትን axis ክልል ያሳያሉ። Live ቅድመ-እይታው ከገጹ ላይ ያለውን ትክክለኛ font rendering ይጠቀማል፣ አጠቃላይ ቅድመ-እይታ አይደለም፣ ስለዚህ font-ው በድረ-ገጹ ላይ ጥቅም ላይ በዋሉት ልኬቶች እና weights ላይ በትክክል እንዴት እንደሚታይ ታያለህ።
በገጹ ላይ ገሃድ የተሰጠ ማንኛውንም font-family ይዘረዝራል — ከ Google Fonts፣ Adobe Fonts ወይም ብጁ @font-face መግለጫዎች ድረ-ገጽ ፎንቶችን እና ሥርዓት ፎንት fallbacks ጨምሮ።
ማንኛውም ፎንት በገጹ ላይ ከተጫነ ገሃድ ፎንት ፋይል በመጠቀም ቀጥታ ጽሁፍ ናሙና ያሳያል — ገሃድ rendering ያያሉ።
ለእያንዳንዱ ፎንት ምን ክብደቶች እንደተጫኑ ይመልከቱ (Regular 400፣ Medium 500፣ SemiBold 600፣ Bold 700) እና italic ልዩነቶች ካሉ።
በገጹ ላይ ስንት ኤለመንቶች ማንኛውንም ፎንት እንደሚጠቀሙ ይመልከቱ። ብዙ ጥቅም ላይ ያለው ፎንት መጀመሪያ ይዘረዝራል።
ሙሉ CSS font-family መግለጫ (ምሳ. font-family: 'Inter', sans-serif) ለመቅዳት ማንኛውንም ፎንት ጠቅ ያድርጉ።
ማንኛውም ፎንት ምንጩን ያሳያል — Google Fonts፣ Adobe Fonts፣ ራስ-ያስተናገደ (ከ @font-face URL ጋር) ወይም ሥርዓት ፎንት።
ውብ ታይፖግራፊ ያለው ድረ-ገጽ ይጎብኙ እና ጥቅም ላይ ያሉትን ፎንቶች ወዲያውኑ ይመልከቱ — ስሞች፣ ክብደቶች እና ምንጮች።
ገጽዎ ስንት ፎንቶች ይጫናል? ያልተጠቀሙ ፎንቶች ተወርደው ግን ያልተተገበሩ ካሉ ባከነ ባንድዊድዝ ነው።
ፎንቶች እና ክብደቶች በጣቢያው ላይ ወጥ ሆነው ጥቅም ላይ መዋላቸውን ያረጋግጡ።
የሚወዱት ፎንት ተለየ ግን ክፍያ ያለው? ፎንት ስሙን ይቅዱ ተመሳሳይ ባህሪያት ያላቸው ነፃ አማራጮች ይፈልጉ።
ተመሳሳይ ፎንቶች በሁሉም ቦታ እንደሚሰጡ ለማረጋገጥ በተለያዩ ብራውዘሮች ውስጥ ያካሂዱ።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ሁሉንም ፎንቶች ዘርዝር አዶን ጠቅ ያድርጉ።
ፓነል ሁሉንም ፎንቶች በአጠቃቀም ድግግሞሽ ተደርድረው ያሳያል። ማንኛውም ፎንት ስም፣ ቅድመ-እይታ ጽሁፍ፣ ክብደቶች እና ኤለመንት ቁጥር ያሳያል።
ማንኛውም ፎንት እንዴት እንደሚታይ ለማየት ቀጥታ ቅድመ-እይታዎቹን ያሸብልሉ።
font-family CSS መግለጫውን ለመቅዳት ማንኛውንም ፎንት ጠቅ ያድርጉ።
font-family መግለጫውን በ CSS ውስጥ ይለጥፉ እና ፎንቱን ከተመሳሳይ ምንጭ ይጫኑ።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
