ፎንትሌንስ

ጽሑፍ ላይ በቀኝ ጠቅ በማድረግ የፊደል አይነቱን፣ መጠኑን፣ ውፍረቱን፣ ቀለሙን እና ሲኤስኤስን ወዲያውኑ ይመርምሩ። ይቅዱ፣ ያስተካክሉ፣ አስቀድመው ይመልከቱ እና ያውርዱ።

አንድ ድረ-ገጽ ላይ ገብተው፣ ጽሑፉን አድንቀው "ይህ ምን ዓይነት የፊደል ቅርጽ ነው?" ብለው አስበው ያውቃሉ? የፊደል መነጽር (FontLens) ለዚህ ጥያቄ በአንድ ጠቅታ መልስ ይሰጣል። በማንኛውም ድረ-ገጽ ላይ ያለን ጽሑፍ ይምረጡ፣ በቀኝ ጠቅ ያድርጉ እና "በፊደል መነጽር የፊደል ቅርጹን መርምር" የሚለውን ይምረጡ። በገጹ ላይ ንጹህ እና ትኩረት ያደረገ ፓነል ይከፈታል እና ጽሑፉ በትክክል እንዴት እንደተዋቀረ ያሳያል፦ የፊደል ዓይነት፣ መጠኑ፣ ውፍረቱ፣ የመስመር ቁመቱ፣ ቀለሙ እና ከዲዛይኑ በስተጀርባ ያሉ ሌሎች ዝርዝሮች። ዲዛይነር ሆነው የሌላን ሥራ አቀማመጥ ሲፈቱ፣ ገንቢ ሆነው የተሰጠን መግለጫ ሲያሟሉ፣ ወይም በቀላሉ ስለ አንድ የሚያምር ርዕስ ለማወቅ ቢፈልጉ፣ ይህ መሣሪያ ማንኛውንም ድረ-ገጽ ወደ ክፍት የታይፖግራፊ መጽሐፍ ይቀይረዋል። የፊደል መነጽር (FontLens) የፊደል ቅርጽ ማግኛ እና የሲኤስኤስ (CSS) መርማሪን በአንድ ላይ የያዘ ነው። የፊደል ቤተሰብን (font-family) ስም ብቻ አይነግርዎትም፤ ለአገልግሎት ዝግጁ የሆነ ኮድ፣ ሀሳቦችን ለመሞከር የሚያስችል በይነተገናኝ መጫወቻ ስፍራ፣ እና ጽሑፍዎ ሊነበብ የሚችል መሆኑን ለማረጋገጥ የሚረዱ የተደራሽነት መሣሪያዎችን ይሰጥዎታል። አካውንት መክፈት አያስፈልግም። መመዝገብ አይጠበቅብዎትም። በቀላሉ ይምረጡ፣ በቀኝ ጠቅ ያድርጉ እና ይመርምሩ። 🔍 ምን ማድረግ ይችላሉ - የተመረጡትን ቃላት ሙሉ ታይፖግራፊ በአንድ እይታ ይግለጡ፦ የፊደል-ቤተሰብ፣ የፊደል-መጠን፣ የፊደል-ውፍረት፣ የመስመር-ቁመት እና ቀለሙን። - በቀላሉ ሊታለፉ የሚችሉ ተጨማሪ ቅጦችን ይመልከቱ፣ እንደ የፊደል-ክፍተት፣ የጽሑፍ-ለውጥ እና የፊደል-ቅጥ ያሉትን። - ማንኛውንም ነጠላ ባህሪ በአንድ ጠቅታ ይቅዱ፣ ወይም ሙሉውን ደንብ እንደ አንድ የተሟላ የሲኤስኤስ (CSS) ቅንጣቢ ይውሰዱ። - ያንን ቅንጣቢ በቀላል ታቦች አማካኝነት ወደ ቴይልዊንድ (Tailwind)፣ ኤስሲኤስኤስ (SCSS) ወይም ሳስ (SASS) ይለውጡ፣ ከዚያም ሙሉ በሙሉ ወይም በመስመር ይቅዱት። - በቀጥታ በሚስተካከል ቅድመ-እይታ ውስጥ ይሞክሩ፦ የናሙና ቃላቱን እንደገና ይጻፉ፣ እሴቶቹን ያስተካክሉ፣ ዳራውን ይቀይሩ እና ወዲያውኑ ሲዘምን ይመልከቱ። - የድረ-ገጽ ፊደል ከየት እንደመጣ በአቅራቢ ባጅ (የጉግል ፊደላት፣ የአዶቤ ፊደላት፣ በራስ-የተስተናገደ ወይም አብሮ የተሰራ የስርዓት ፊደል) ይለዩ። - "ፊደል አውርድ" የሚለውን ቁልፍ በመጠቀም የድረ-ገጽ ፊደልን ከራሱ ምንጭ በቀጥታ በመሳብ ወደ ኮምፒውተርዎ ያስቀምጡ። - የቀለም ንፅፅርን ከWCAG መስፈርቶች አንፃር ያረጋግጡ፣ ትክክለኛውን ሬሾ ከ AA እና AAA ማለፍ ወይም መውደቅ ውጤቶች ጋር። - በማያ ገጹ ላይ ማንኛውንም ፒክሰል ለመያዝ የሚያስችል የአይን ጠብታን ጨምሮ ሙሉ በሙሉ በቀለም መምረጫ ቀለሞችን ይምረጡ እና ናሙና ይውሰዱ። - በመስኮቹ እና ወደ ውጭ በሚላከው ኮድ ላይ በሚተገበሩ በ px፣ rem፣ pt እና em መካከል የመለኪያ አሃዶችን ይቀይሩ። 🖱️ እንዴት ይሰራል የፊደል መነጽርን መጠቀም ሰከንዶችን ብቻ ይወስዳል። ለማጥናት የሚፈልጓቸውን ቃላት ይምረጡ፣ በተመረጠው ላይ በቀኝ ጠቅ ያድርጉ እና ከምናሌው "በፊደል መነጽር የፊደል ቅርጹን መርምር" የሚለውን ይምረጡ። ፓነሉ አሁን ባለው ገጽ ላይ ይገለጣል፣ ከጣቢያው ገጽታ ጋር በጭራሽ እንዳይጋጭ በሚገባ ተቀናብሮ። ከዚያ ሆነው ዝርዝሮቹን ማንበብ፣ የሚፈልጉትን መቅዳት ወይም ማስተካከል መጀመር ይችላሉ። የቀጥታ ቅድመ-እይታ ነገሮች አስደሳች የሚሆኑበት ቦታ ነው። እውነተኛ ርዕስ ለመሞከር ቃላቱን ይቀይሩ፣ መጠኑን በትንሹ ያስተካክሉ፣ ክብደቱን ያስተካክሉ ወይም ፊደሉ እንዴት እንደሚታይ ለማየት አዲስ የጀርባ ቀለም ያዘጋጁ። ያደረጓቸው ለውጦች በገጾች መካከል ሲንቀሳቀሱ እና በኋላ ሲመለሱም ይጠብቁዎታል። ስለዚህ በአንድ ጣቢያ ላይ የጀመሩት ሀሳብ በሚቀጥለው ጣቢያ ላይ ይጠብቅዎታል። የመጀመሪያዎቹን እሴቶች መልሰው ሲፈልጉ፣ "ወደ ጣቢያው መልስ" የሚለው ቁልፍ ገጹ በትክክል የሚጠቀመውን ሁሉንም ነገር ይመልሳል። ጥሬውን ፋይል ይፈልጋሉ? ሊወርድ ለሚችል የድረ-ገጽ ፊደል፣ አንድ ቁልፍ እውነተኛውን ፋይል ከ @font-face ቦታው ያመጣል። አስቀድሞ ከእርስዎ ኦፕሬቲንግ ሲስተም ጋር ለሚመጣ የፊደል ዓይነት፣ የፊደል መነጽር አብሮ የተሰራ ፊደል መሆኑን ይነግርዎታል፣ ስለዚህ ምንም ማውረድ ሳያስፈልግ የሚገኝ መሆኑን ያውቃሉ። 🔒 ግላዊነት ቅድሚያ ይሰጠዋል የፊደል መነጽር ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል። ምንም ዓይነት የመረጃ አሰባሰብ፣ ክትትል፣ ትንታኔ የለም፣ እና ጽሑፍን በመመርመር ሂደት ውስጥ ምንም የውጭ አገልጋዮች አይሳተፉም። የሚመረምሩት ነገር ሁሉ በእርስዎ መሣሪያ ላይ ይቆያል። ቅጥያው አንድ ብቻ የኔትወርክ ጥያቄ የሚያቀርበው እርስዎ ሆን ብለው "ፊደል አውርድ" የሚለውን ሲጫኑ ብቻ ነው፣ በዚህ ጊዜ ፋይሉን ለማምጣት የዚያን ፊደል ምንጭ ያገኛል። ከዚህ ውጪ ምንም ነገር ከመሣሪያዎ አይወጣም። ፈቃዶቹ ሆን ተብሎ የተገደቡ ናቸው። የኮንቴክስት-ምናሌ ፈቃድ የቀኝ-ጠቅታ ግቤቱን ያክላል። የነቃ-ታብ ፈቃድ መሣሪያው በሚጠሩበት ታብ ላይ የመረጡትን ጽሑፍ እንዲያነብ ያስችለዋል፣ በሌላ ቦታ ግን አይደለም። ማከማቻ (Storage) የእርስዎን ቅድመ-እይታ ጽሑፍ እና የአሃድ እና የቅርጸት ምርጫዎችዎን በሚቀጥለው ጊዜ እንዲታወሱ ያደርጋል። የአሰሳ ታሪክዎን በስፋት የመድረስ መብት እና ሁሉን አቀፍ አስተናጋጅ ፈቃዶች የሉም። 👥 ለማን ነው? - የፊደል ዓይነቶችን ለመለየት፣ የቀለም ቤተ-ስዕል ለመያዝ እና ቅጦችን በፍጥነት እንደገና ለመጠቀም ለሚፈልጉ የድረ-ገጽ ዲዛይነሮች። - የንድፍ ናሙናን (mockup) ለሚያመሳክሩ ወይም ትክክለኛ የፊደል-ቤተሰብ እና የቦታ ክፍተት እሴቶችን ወደ ኮድ ለሚያስገቡ የፊት-ለፊት (Front-end) ገንቢዎች። - ወጥ የሆነ እና ከብራንድ ጋር የሚጣጣም የፊደል ስርዓቶችን ለሚገነቡ የ UI እና UX መሐንዲሶች። - ሲኤስኤስ (CSS) እና ታይፖግራፊን ለሚማሩ እና እውነተኛ ድረ-ገጾች እንዴት እንደሚገነቡ ማየት ለሚፈልጉ ተማሪዎች። - ጽሑፍ ከመለቀቁ በፊት የWCAG ንፅፅር መስፈርቶችን የሚያሟላ መሆኑን ለሚያረጋግጡ የተደራሽነት ኦዲተሮች። - አንድ ድረ-ገጽ ምን ዓይነት ፊደል እንደሚጠቀም በቀላሉ ለማወቅ ለሚፈልጉ ጦማሪያን፣ ገበያተኞች እና ጉጉት ላላቸው አንባቢዎች። ✨ ሰዎች ለምን ይጠቀሙበታል - በገንቢ መሣሪያዎች ውስጥ ከመቆፈር ይልቅ አንድ የቀኝ ጠቅታ መልሱን ይሰጥዎታል። - ኮዱ በንጹህ ሲኤስኤስ (CSS)፣ ቴይልዊንድ (Tailwind)፣ ኤስሲኤስኤስ (SCSS) ወይም ሳስ (SASS) ለመቅዳት ዝግጁ ነው፣ ስለዚህ በቀጥታ ወደ ፕሮጀክትዎ ውስጥ ይገባል። - ሊስተካከል የሚችለው ቅድመ-እይታ አንድም የኮድ መስመር ሳይነኩ የፊደል ምርጫዎችን ናሙና እንዲሰሩ ያስችልዎታል። - የንፅፅር ፈታሹ ተደራሽነትን እንደ መጨረሻ ጉዳይ ከመተው ይልቅ በስራ ሂደትዎ ውስጥ እንዲካተት ያደርጋል። - የቀለም መምረጫው እና የአይን ጠብታው ከገጹ ከየትኛውም ቦታ ትክክለኛ ቀለሞችን ናሙና እንዲወስዱ እና እንደገና እንዲጠቀሙ ያስችሉዎታል። - የብርሃን እና የጨለማ ገጽታዎች የእርስዎን ኦፕሬቲንግ ሲስተም በራስ-ሰር ይከተላሉ፣ ስለዚህ ቀን እና ሌሊት እንደ ቤትዎ እንዲሰማዎት ያደርጋል። - በ px፣ rem፣ pt እና em መካከል የመለኪያ አሃዶችን መቀየር ውጤቱ የእርስዎ ኮድቤዝ ከተጻፈበት መንገድ ጋር የተጣጣመ እንዲሆን ያደርጋል። 🎨 የዝርዝሮቹ ጥልቅ እይታ ታይፖግራፊ ከስም በላይ ነው። የፊደል መነጽር ጽሑፍ ትክክል እንዲመስል የሚያደርጉትን ትናንሽ ውሳኔዎች ያሳያል፤ ከርዕስ ውፍረት አንስቶ በመስመር-ቁመት ውስጥ ያለው ክፍተት እና ጥቃቅን የፊደል-ክፍተት ድረስ። እነዚህን እሴቶች ጎን ለጎን ማየት አንድ ዲዛይን ለምን እንደሚሰራ እና እንዴት እንደገና መፍጠር እንደሚቻል ለመረዳት ይረዳዎታል። የአቅራቢው ባጅም አውዱን ይጨምራል፣ የጉግል ፊደላት ንብረት፣ የአዶቤ ፊደላት ገጽታ፣ በራስ-የተስተናገደ ፋይል፣ ወይም የስርዓት ነባሪ መሆኑን በጨረፍታ ይነግርዎታል፣ ይህም ብዙውን ጊዜ አንድን የፊደል አይነት ለማዛመድ ወይም ለማግኘት ሲሞክሩ የመጀመሪያው ፍንጭ ይሆናል። የቀለም መሣሪያዎቹ ከቋሚ ንባብ በላይ ናቸው። መምረጫው ከቀለም እና አልፋ ማንሸራተቻዎች ጋር የ HSV ካሬ ያቀርባል፣ እና ከHEX፣ RGB እና HSL ፎርማቶች ጋር ይሰራል፣ ስለዚህ በሚስማማዎት የቅርጸት አይነት መስራት ይችላሉ። ያንን ከአይን ጠብታው ጋር ያጣምሩ እና የማንኛውንም ኤለመንት ትክክለኛውን ጥላ አንስተው በቅድመ-እይታዎ ወይም በማስታወሻዎ ውስጥ ማስቀመጥ ይችላሉ። 🚀 መመርመር ይጀምሩ የፊደል መነጽርን ይጨምሩ፣ ጥቂት ቃላትን ይምረጡ፣ እና የማንኛውንም ገጽ ጀርባ ያለውን ታይፖግራፊ፣ ቅጦች እና ቀለሞች ለመግለጥ በቀኝ ጠቅ ያድርጉ። ድረ-ገጽ እንዴት እንደሚነበብ ለሚያስብ ለማንኛውም ሰው ፈጣን፣ የግል እና በእውነት ጠቃሚ አጋዥ ነው። ይጫኑት፣ በአቅራቢያዎ ያቆዩት፣ እና ስለ አንድ ሚስጥራዊ ፊደል እንደገና በጭራሽ አይጨነቁ።