ویب پاڼه

د خپل سایټ د چټک بارېدو لپاره فونټونه لوکل کوربه کړئ (Self-Host Fonts)

  • 16 د لوستلو لپاره دقیقې
  • د Hostragons ټیم
د خپل سایټ د چټک بارېدو لپاره فونټونه لوکل کوربه کړئ (Self-Host Fonts)

فونټونه لوکل کوربه کول دا مانا لري چې هغه فونټ فایلونه چې ستاسې ویب‌سایټ کې کارول کېږي، د درېیمې ډلې سرویس پر ځای له خپل هاست یا سرور یا شخصي CDN نه وړاندې کړئ. که دا کار سمه توګه ترسره شي، د DNS لټون، TLS مصافحه، او د خارجي غوښتنو ځنډونه کموي، سایټ ته د بارېدو وخت را ټیټوي؛ خاصتاً د Core Web Vitals، کاروونکي تجربه او SEO کې د پام وړ ګټه ورکوي. د غوره پایلو لپاره یوازې اړین فونټ وزنونه (weights) وکاروئ، WOFF2 فارمت انتخاب کړئ، مهم فونټونه preload کړئ، او په CSS کې font-display: swap تعریف کړئ.

ډېرې ویب‌سایټونه د ډیزاین پر مهال Google Fonts، Adobe Fonts یا د قالب له خوا راوړل شوي لیرې فونټ لینکونه بې‌خبره کاروي. ظاهراً دا اسانه ده، خو هر کاروونکي ته اضافي domain حل، ارتباط او فایل ډاونلوډ مراحل زیاتوي. موبایل شبکو کې ۱۰۰–۳۰۰ ms ځنډونه، چې څو فونټونه او مختلف وزنونه سره یوځای شي، د ټولې پاڼې بارېدو وخت محسوس ډېرولی شي. ځکه self-host fonts یواځې تخنیکي جز نه دی؛ بلکې د چټک، کنترول وړ او پایدار ویب‌سایټ لپاره غوره ستراتیژي ده.

په دې لارښود کې به تشریح کړو چې فونټونه لوکل کوربه کول څنګه ګټه لري، کله دا غوره انتخاب دی، په WordPress یا شخصي سایټونو کې یې څنګه عملي کړئ، او د ۲۰۲۶ SEO معیارونو سره سم له کومو غلطیو باید ځان وساتئ. همداراز د Hostragons چټک او امن هاست کې د فونټونو اصلاح پلان لپاره عملي مشورې هم شته. د هاست انتخاب د اساس بنیاد دی؛ فونټ اصلاح بیا پر دې بنیاد باریکې برابروي. د اړونده هاست لپاره Hostragons د وېب هاستنګ بسته‌ګانې لینک وګورئ.

فونټونه لوکل کوربه کول څه ته وايي؟

فونټونه لوکل کوربه کول دا مانا لري چې فونټ فایلونه د خپل سایټ فایل سیسټم کې ساتئ، او کاروونکو ته همدلته وړاندې کوئ. مثلاً پر ځای د Google Fonts له Inter، Roboto یا Montserrat راوړلو، مربوط WOFF2 فایلونه ډاونلوډ کړئ او د سایټ /fonts یا /assets/fonts فولډر کې یې واچوئ. بیا په CSS کې @font-face قاعده تعریف کړئ. براوزر د پاڼې پر بارېدو، فونټ فایل له خارجي سرویس نه نه، بلکې له ستاسې domain نه اخلي.

دا طریقه خاصتاً د سرعت، محرمیت او کنټرول لپاره مهمه ده. فونټ فایلونه په کوم فارمت، د څه ډول cache سره، کوم وزنونه، او پر کومو پاڼو عرضه کېږي، دا ټول ستاسې په لاس کې وي. مثلاً که یواځې ۴۰۰ او ۷۰۰ وزنونه کاروئ، نور اضافي ۳۰۰، ۵۰۰، ۶۰۰، ۸۰۰ فایلونه به نه ساتئ. دا کار د مجموعي فایل حجم کموي او CSS هم ساده کوي.

په عملي لحاظ self-host fonts درې مهم عناصر لري: اصلاح شوی فونټ فایل، صحیح CSS تعریف، او موثر سرور cache. که له دې څخه یو کم وي، مطلوب سرعت نه ترلاسه کېږي. مثلاً که WOFF2 پر ځای زوړ TTF فایل کاروئ، فایل حجم یې لوړ دی. که cache headers غلط وي، کاروونکی هر ځل فونټ بیا ډاونلوډ کوي. که preload غلط تعریف شي، براوزر بیخي بې‌ځایه prioritize کوي.

ولې د فونټ اصلاح SEO ته مهمه ده؟

گوگل د کاروونکي تجربه په رتبه بندۍ کې مستقیم او غیر مستقیم سیگنالونو سره ارزوي. سایټ سرعت، موبایل سازي، interaction delay او visual stability مهم دي. فونټونه د Largest Contentful Paint، Cumulative Layout Shift او perceived loading time باندې اغیز لري. که سرلیک یا د لومړي سکرین متن ځانګړی فونټ لري، د فونټ فایل ناوخته بارېدل LCP ته زیان رسوي.

په ۲۰۲۶ SEO کې د محتوا کیفیت سربېره تخنیکي لاسرسي هم مهمه ده. گوگل‌بوټ باید سایټ ته لاسرسی ولري، کاروونکي باید پاڼه ژر او ثابت وویني. خارجي فونټ سرویس کې د ارتباط ځنډ، د هېواد له‌مخې محدودیتونه یا وخت‌پر‌وخت DNS ستونزې ستاسې له کنټرول نه ووځي. فونټونه لوکل کوربه کول دا نامعلومیت کموي.

د تجربې یوه نمونه: یو corporate سایټ چې مجموعي ۱.۸ MB حجم لري، څلور Google Fonts، اته وزنونه او دوه variant لري، یواځې فونټ غوښتنې ۴۵۰–۷۰۰ KB ته رسېږي. براوزر دا فایلونه، که څه هم بعضې یې اول سکرین کې نه کاروئ، د CSS له امله ډاونلوډ کوي. همدا ډیزاین که دوه فونټونه، درې وزنونه او WOFF2 subset ولري، فونټ حجم ۹۰–۱۸۰ KB ته راښکته کېږي. دا فرق په 4G شبکه او کم ځواک وسایلو کې به ډېر محسوس شي.

د خارجي فونټ سرویس او لوکل کوربه کولو پرتله

هر سایټ لپاره واحد حل نه‌شته. بعضې پروژې کې خارجي سرویس بسنه کوي؛ بعضې کې لوکل کوربه کول ډېر ښه نتیجه ورکوي. لاندې جدول د اصلي توپیرونو چټک لید لپاره جوړ شوی:

د خارجي فونټ سرویس او لوکل کوربه کولو پرتله
معیارخارجي فونټ سرویسلوکل فونټ کوربه کول
اول ارتباط لګښتاضافي DNS، TCP/TLS او درېیمې ډلې غوښتنې کېږي.فونټونه له domain یا شخصي CDN نه وړاندې کېږي.
کنټرولفایل نسخه، headers او سرویس چلند محدود مدیریت لري.فورمت، cache، preload او فایل شمېر بشپړ ستاسې اختیار کې.
محرمیتکاروونکي براوزر درېیمې ډلې domain ته غوښتنه کوي.فونټ غوښتنه ستاسې له زیربنا نه کېږي.
د تطبیق اسانتیاCopy-paste سره ژر نصب کېږي.فایل ډاونلوډ، CSS تعریف او test ته اړتیا لري.
د سرعت پوتنشیلکوچني سایټونه کې قبول وړ ده.په صحیح تنظیم کې ښه پیش‌بیني او چټک.

په لنډ ډول، کنټرول او سرعت ته اړتیا لرئ، لوکل کوربه کول قوي انتخاب دی. خو دا یواځې "فونټ فایلونه اپلوډ کړئ" خبره نه ده. غلط فارمت، اضافي وزنونه یا غلط CSS سره سرعت خرابېدلای شي.

فونټونه لوکل کوربه کولو د سایټ سرعت ته اغیز

فونټ فایلونه عموماً کوچني ښکاري؛ خو د پاڼې بارېدو سلسله کې مهم سرچینه کېدای شي. براوزر اول HTML اخلي، بیا CSS ډاونلوډ کوي او CSS کې فونټونه کشف کوي. که سرلیک، مینو یا بدنه ځانګړي فونټ ته تکیه لري، براوزر د متن ښودلو مخکې فونټ فایل ته انتظار باسي. کاروونکی سپین ساحه، ناپیدا متن یا ناڅاپي فونټ بدلون ویني.

د سرعت اغېز لپاره درې مهم metric دي: LCP (د ستر content عنصر لید وخت)، CLS (د فونټ بدلون له امله د متن حرکت)، او INP (د interaction حساسیت). فونټونه مستقیم INP ته دومره اغیز نه لري، خو دروند CSS او اضافي سرچینې د اصلي thread کار بندوي، غیر مستقیم تاثیر کوي.

په ښه اصلاح شوي فونټ ستراتیژي کې هدفونه دا دي: اول سکرین فونټ د ۱۰۰ KB نه کم، اضافي variantونه نه بارېږي، فونټ فایلونه اوږده cache لري، او مهم فونټونه لازم وخت preload کېږي. مثلاً د e-commerce محصول پاڼه کې سرلیک، قیمت او CTA لپاره یواځې ۴۰۰ او ۷۰۰ وزنونه بسنه کوي؛ ۹ وزنونه اپلوډول بې‌ځایه مصرف دی. د e-commerce سرعت لوړولو لپاره د لوړ-کارکردګۍ هاستنګ حللارې وګورئ.

Self-Host Fonts ته غوره فارمتونه

ولې WOFF2 غوره انتخاب دی؟

د عصري ویب لپاره WOFF2 تر ټولو موثر فونټ فارمت دی. WOFF2 ښه compression لري، او اکثر براوزرونه یې ملاتړ کوي. TTF یا OTF فایلونه د ډیزاین او desktop لپاره مناسب دي؛ خو ویب کې عموماً ډېر حجم لري. EOT زوړ فارمت دی، یواځې د پخواني براوزرونو هدف لپاره.

مثلاً یو فونټ که TTF فایل ۳۰۰ KB وي، WOFF2 نسخه یې ۸۰–۱۲۰ KB ته راښکته کېږي. که څو وزنونه کاروئ، دا فرق څو برابره کېږي. نو لوکل کوربه کولو کې باید web optimized WOFF2 فایل وکاروئ، نه زوړ variant.

Variable فونټونه وکاروئ؟

Variable فونټونه یو فایل کې څو وزنونه یا style variant لري. که ډیزاین کې له ۳۰۰ نه تر ۸۰۰ پورې وزنونه کاروئ، variable فونټ منطقي انتخاب دی. خو که یواځې ۴۰۰ او ۷۰۰ کاروئ، دوه static WOFF2 فایلونه اکثره لږ حجم لري. باید فایل حجم، variant شمېر او براوزر ملاتړ وازمایئ.

د تجربه کاره اصلاح دا ده: اول د ډیزاین سیستم کې واقعي کارېدونکي فونټ وزنونه لیست کړئ. بیا static او variable مجموعي KB پرتله کړئ. کوم کم، ساده او ثابت وي، هغه انتخاب کړئ. د ښکلا پریکړه باید د اندازه‌ګی او سرعت نتیجه هم ولري.

فونټونه لوکل کوربه کول څنګه عملي کېږي؟

لاندې مراحل WordPress، شخصي PHP، Laravel، Node.js یا static سایټونو لپاره تطبیقېدونکي دي. منطق یو دی: اضافي فونټونه لرې کړئ، اړین فایلونه اصلاح کړئ، له خپل سرور نه وړاندې کړئ، او نتیجه وازمایئ.

۱. موجود فونټونه وازمایئ

اول ګام دا دی چې سایټ کې کوم فونټونه له کوم ځای نه راځي، معلوم کړئ. Chrome DevTools Network tab کې "font" filter وکاروئ او ټول فونټ غوښتنې لیست کړئ. PageSpeed Insights، WebPageTest یا Lighthouse راپور کې render-blocking سرچینې او درېیمې ډلې غوښتنې وګورئ. دلته دا پوښتنې مهمې دي: څو فونټونه کاروئ؟ څو وزنونه بارېږي؟ فونټونه له کوم domain نه راځي؟ اول سکرین کې واقعاً څو ضرور دي؟

ډېر سایټونه کې theme، page builder او plugins جلا فونټونه راولي. مثلاً theme Roboto، page builder Montserrat، او form plugin Open Sans. دا ممکن ظاهراً فرق ونه لري، خو سرعت ته ضرر رسوي. یو منظم ډیزاین system سره د فونټونو شمېر کمول تر ټولو لویه ګټه ورکوي.

۲. اړین فونټ فایلونه ډاونلوډ او ساده کړئ

منتخب فونټ د license شرایط وګورئ. Open source فونټونه اکثره لوکل کوربه کولو ته اجازه ورکوي؛ خو commercial کې د domain، page view یا self-host شرطونه وي. د license د تایید وروسته یواځې اړین وزنونه او styles ډاونلوډ کړئ. Latin Extended د پښتو او فارسي لپاره مهم دی؛ "ګ، ښ، چ، ټ، ډ، ړ" کارکترونه باید فایل کې موجود وي.

د مزید اصلاح لپاره subset جوړ کړئ. subset یعنی له فونټ فایل نه ناپېژاندې کارکترونه لرې کول. پښتو، فارسي او انګلیسي سایټونه ته Latin او Latin Extended بسنه کوي. Cyrillic، Arabic یا Greek ته اړتیا نه لرئ، لرې کړئ تر څو حجم کم شي. خو multi-language سایټونه کې باید subset احتیاط وکړئ، که نه متن خراب ښکاري. د domain انتخاب او multi-language پلان لپاره د ډومېن ټاکنې او څو ژبې وېبپاڼې لارښود وګورئ.

۳. فونټونه صحیح فولډر کې اپلوډ کړئ

فونټ فایلونه یو منظم فولډر کې واچئ. مثلاً /assets/fonts/inter/inter-400.woff2 او /assets/fonts/inter/inter-700.woff2 فایل نومونه به واضح وي. فایل نوم کې version اضافه کړئ، لکه inter-400-v2.woff2، تر څو cache مدیریت اسانه شي. نو فونټ update ته زوړ cache مشکل نه رامنځته کېږي.

د هاست panel، FTP یا Git deployment وکاروئ. فایل permission اکثره ۶۴۴، فولډر ۷۵۵ وي. فونټ فایلونه باید publicly readable وي، که نه براوزر ۴۰۳ error ورکوي او system font ته fallback کېږي. سرور کې MIME type تنظیم هم وګورئ. WOFF2 لپاره content-type font/woff2 وي.

۴. CSS کې @font-face تعریف کړئ

فونټونه لوکل کوربه کولو اصل مرکز @font-face قاعده ده. ساده نمونه: @font-face { font-family: Inter; src: url('/assets/fonts/inter/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }. د هماغه فونټ لپاره bold نسخه ته font-weight: 700 جلا تعریف کړئ.

تر ټولو مهمه برخه font-display: swap ده. دا براوزر ته اجازه ورکوي چې تر فونټ بارېدو پورې system font وښيي، نو invisible text مشکل کمېږي. خو swap سره ممکنه ده چې فونټ بدلون کې کوچنی shift راشي. دا کمولو لپاره system fallback font باید د custom فونټ ته مشابه انتخاب شي. مثلاً Inter ته Arial یا system-ui مناسب fallback دی.

۵. مهم فونټونه preload کړئ

Preload براوزر ته وایی چې یو font فایل ژر ډاونلوډ کړئ. د اول سکرین سرلیک او متن فونټ preload کول LCP ته ګټه لري. خو هر فونټ preload کول غلط دی. براوزر bandwidth بې‌ځایه مصرفوي، images یا critical CSS ته زیان رسوي.

عمومي قاعده: یواځې اول سکرین کې کارېدونکي ۱ یا ۲ فونټ فایلونه preload کړئ. مثلاً بدنه فونټ ۴۰۰ او سرلیک ۷۰۰ که اول سکرین کې وي، همدا فایلونه preload کړئ. blog detail کې italic فونټ که اول سکرین کې نه وي، preload مه کوئ. وروسته Network tab کې وګورئ چې فونټ واقعاً ژر ډاونلوډ شو او duplicate request نه‌شته.

۶. Cache او compression تنظیم کړئ

فونټ فایلونه اکثره static وي، کم بدلېږي. نو باید اوږده browser cache ولري. Cache-Control header کې public, max-age=31536000, immutable معمول انتخاب دی. که فایل نوم کې version وي، یو کال cache امن دی؛ update ته فایل نوم بدل کړئ.

WOFF2 اصلاً compressed دی؛ نو Gzip یا Brotli سره اضافي ګټه نه‌شته. خو سرور static فایلونه چټک وړاندې کول مهم دي. Hostragons کې LiteSpeed، NVMe disk او صحیح cache تنظیم سره فونټونه ژر response ورکوي. سرور SSL تنظیم هم مهم دی، HTTP/2 او HTTP/3 لپاره؛ دا برخه د SSL سند نصب او HTTPS لارښود کې زده کړئ.

WordPress سایټونه کې لوکل فونټ کوربه کول

WordPress کې فونټ اصلاح theme، plugin او page builder پورې تعلق لري. اول وګورئ چې theme کې د Google Fonts بندولو option شته. اکثره modern theme کې typography settings کې دا feature وي. Elementor، Gutenberg block plugins یا slider plugins هم خپل فونټ تنظیمات لري. د فونټ duplicate request مخنیوي لپاره هر component جلا وګورئ.

تر ټولو clean طریقه دا ده چې child theme کې فونټ فایلونه اپلوډ کړئ، CSS تعریفونه theme style فایل کې اضافه کړئ. plugin سره هم لوکل فونټ کوربه کولای شي؛ خو اضافي pluginونه سرعت ته ضرر رسوي. که plugin کاروئ، د update تاریخ، PHP compatibility او cache plugin سره سازي وګورئ.

WordPress کې تغییرات مخکې backup واخلئ. د فونټ request لرې کولو سره ممکن icon fonts یا admin styles خراب شي. خاصتاً WooCommerce سایټونه کې cart، payment او account صفحې test کړئ. corporate WordPress لپاره performance hosting ته WordPress هاستنګ پکېجونه وګورئ.

تخنیکي SEO او Core Web Vitals چک‌لیست

تخنیکي SEO او Core Web Vitals چک‌لیست

فونټ اصلاح وروسته یواځې "سایټ خلاصېږي؟" نه، باید measurement وکړئ، مخکې او وروسته ارزونه، او واقعی user تجربه ته نزدې test وکړئ. دا چک‌لیست عملي پیل دی:

  • Google Fonts، fonts.gstatic یا خارجي فونټ request لرې شوید، Network tab کې تصدیق کړئ.
  • د فونټ فایلونو شمېر ممکنه ۲–۴ کې وساتئ.
  • WOFF2 فارمت وکاروئ، فایل حجم منطقي وي.
  • font-display: swap یا optional value آزموئ.
  • اول سکرین مهم فونټ سربېره اضافي preload مه کوئ.
  • Cache-Control header اوږده cache ته مناسب وي.
  • پښتو/فارسي کارکترونه په هر براوزر کې صحیح ښکاري.
  • موبایل PageSpeed Insights، Lighthouse او WebPageTest نتیجه له مخکې سره پرتله کړئ.

یواځې یو test ته اعتبار مه ورکوئ. network شرایط، سرور load او location تاثیر لري. لږ تر لږه درې test وکړئ، average نتیجه ته توجه وکړئ. که LCP له ۲.۸ ثانیې نه ۲.۳ ته راښکته شي، دا مهم پرمختګ دی. که فونټ اصلاح وروسته CLS زیات شي، fallback font او فونټ metrics بیا وګورئ.

عامې غلطۍ

ډېرې فونټونه کارول

تر ټولو عامه غلطه، د ډیزاین کې بې‌ځایه تنوع ده. سرلیک ته یو فونټ، متن ته بل، button ته درېیم، quote ته څلورم چې سرعت ته زیان رسوي. اکثره مسلکي سایټونه یو یا دوه فونټ سره قوي هویت جوړوي. د font consistency هم د سرعت او هم د برانډ ارزښت لپاره مهمه ده.

غلط fallback font انتخاب

System font چې تر custom فونټ بارېدو کارېږي، که ډېر مختلف وي، متن حرکت کوي. دا CLS value زیاتوي. د fallback انتخاب کې x-height، حرف عرض او line height مشابهت ته توجه وکړئ. system-ui، Arial، Helvetica، Georgia د ډیزاین له مخې آزموئ.

هر څه preload کول

Preload قوي خو غلط استعمال کې ضرر لري. ټول فونټ وزنونه preload کول، براوزر priority خرابوي، خاصتاً hero image لرونکي پاڼو کې LCP خرابوي. preload decision باید real usage او test نتیجه ته ورکړئ.

د license شرایطو ته توجه نه کول

هر فونټ مفت یا بې‌حدوده نه دی. commercial فونټونه web license خاص شرایط لري. لوکل کوربه کولو اجازه نه‌شته، violation خطر لري. فونټ فعالولو مخکې license text archive کړئ، پروژه documentation کې وساتئ.

امنیت، محرمیت او زیربنا اړخ

فونټونه لوکل کوربه کول یواځې د سرعت مسئله نه ده؛ د محرمیت او امنیت لحاظ هم مهم دی. خارجي فونټ سرویس کې کاروونکي براوزر درېیمې ډلې domain ته request کوي. بعضې بخشونه کې دا د ډیټا process قوانین ته اړوند وي. لوکل کوربه کول کې فونټ request ستاسې domain نه کېږي، د ډیټا جریان predictable دی.

زیربنا کې HTTPS ضروري دی. فونټ فایلونه HTTP نه request شي، mixed content یا browser block کېدای شي. domain صحیح DNS، SSL certificate او hosting performance مهمه ده. نوي پروژه کې domain انتخاب ته د ډومېن پلټنه او ثبت وګورئ، امن خپرولو لپاره د SSL سندونه وګورئ، قوي هاست ته Hostragons د هاستنګ حللارې وګورئ.

که CDN کاروئ، فونټ فایلونو CORS تنظیم وګورئ. که فونټونه له subdomain نه وړاندې کېږي، Access-Control-Allow-Origin header اړین دی، که نه براوزر فونټ فایل نه کاروي. له اصلي domain نه وړاندې کول اکثره small/medium سایټونو ته ساده او بې‌مشکله ده.

د سرعت ګټه څنګه اندازه کړئ؟

موفق اصلاح evidence measurement دی. اول موجود حالت ثبت کړئ: مجموعي فونټ request شمېر، مجموعي حجم، LCP، CLS او total loading time. بیا لوکل کوربه کول عملي کړئ، هماغه صفحې هماغه tools سره test کړئ. home page، blog post، category او product page جلا جلا اندازه کړئ.

نمونه: یو blog سایټ کې چې اول ۶ فونټ request او ۴۲۰ KB فونټ data لري، اصلاح وروسته ۲ request او ۹۶ KB ته راښکته شي. موبایل Lighthouse score له ۷۲ نه ۸۶ ته پورته شي، LCP له ۳.۱ نه ۲.۴ ثانیې ته راښکته شي. دا guarantee نه دی، ځکه images، JS او server response هم تاثیر لري. خو فونټ اصلاح اکثره ژر عملي کېږي، اسانه اندازه کېږي.

Real user data لپاره Chrome User Experience Report، Search Console Core Web Vitals یا RUM tools ډېر ښه insight ورکوي. lab tests د مشکل موندلو لپاره دي؛ real user data د اصلاح اغیز ښيي. که سایټ ترافیک ډېر وي، اول staging environment کې آزموئ، بیا کم خطر ساعتونو کې live کړئ.

عملی Mini Plan: په ۶۰ دقیقو کې فونټ اصلاح

که وخت محدود وي، دا plan سره ژر شروع کولای شئ. لومړي ۱۰ دقیقو کې DevTools سره فونټ request لیست کړئ، screenshot واخلئ. وروسته ۱۰ دقیقو کې ډیزاین کې واقعاً کارېدونکي فونټونه او وزنونه معلوم کړئ. ۱۵ دقیقه کې اړین WOFF2 فایلونه ډاونلوډ کړئ، پښتو/فارسي کارکترونه وګورئ، /assets/fonts فولډر ته اپلوډ کړئ.

بیا ۱۵ دقیقه CSS @font-face تعریفونه اضافه کړئ، font-display: swap وکاروئ، زوړ خارجي فونټ لینکونه لرې کړئ. وروستي ۱۰ دقیقه موبایل test وکړئ، Network tab کې خارجي فونټ request نه‌شته تصدیق کړئ، پاڼه مختلف براوزرونو کې وګورئ. cache header، preload او subset advanced اصلاح وروسته جلا پړاو کې عملي کړئ.

دا plan خاصتاً small business، blog یا corporate صفحه لپاره ژر نتیجه ورکوي. خو large e-commerce یا SaaS پروژه کې فونټ اصلاح باید د ډیزاین system، component library او deployment سره وڅېړئ.

نتیجه

فونټونه لوکل کوربه کول، که صحیح عملي شي، د سایټ سرعت، کاروونکي تجربه او تخنیکي SEO کیفیت ته محسوسه ګټه لري. مهم ټکي دا دي: WOFF2 فارمت وکاروئ، اضافي فونټ وزنونه لرې کړئ، font-display تعریف کړئ، مهم فونټونه با احتیاط preload کړئ، او قوي cache تنظیم سره فایلونه وړاندې کړئ. دا یواځې ټولې ستونزې نه حل کوي؛ خو ژر، مطمئن او اندازه کېدونکې ګټه ورکوي.

ستاسې زیربنا هر څومره قوي وي، اصلاح ډېر موثره کېږي. که سایټ ته سرعت او امنیت ته اړتیا لرئ، Hostragons هاست، domain او SSL حلونه وګورئ؛ فونټ اصلاح د مجموعي performance پلان برخه وګرځوئ. له زور نه، اول اندازه کړئ، بیا اصلاح کړئ، نتیجه د کاروونکي تجربه سره تصدیق کړئ.

اکثر پوښتنې

لوکل فونټ کوربه کول همیشه له Google Fonts نه چټک دی؟

همیشه نه. صحیح cache، WOFF2، کم فایل شمېر او ښه سرور سره اکثره ښه او پیش‌بیني نتیجه ورکوي. خو غلط لوکل تنظیم له optimized خارجي نه هم ورو وي.

Self-host fonts ته کوم فونټ فارمت غوره دی؟

عصري ویب سایټونه کې اکثره WOFF2 بهترین انتخاب دی. کم حجم، پراخ براوزر ملاتړ لري. TTF یا OTF فایلونه ویب لپاره اکثره دروند دي.

څومره فونټ وزنونه کارول مناسب دي؟

اکثره سایټونو ته ۴۰۰ او ۷۰۰ بسنه کوي. بعضې ډیزاینونو کې ۵۰۰ یا ۶۰۰ اضافه شي؛ خو هر نوی وزن اضافي فایل او بارېدو لګښت لري. غیر ضروري وزنونه لرې کړئ.

font-display: swap ضروری دی؟

ضروری نه دی، خو اکثره scenario کې توصیه کېږي. متن د custom فونټ تر بارېدو پورې ښکاري، invisible text مشکل کموي. د CLS د کمولو لپاره مناسب fallback font انتخاب کړئ.

WordPress کې لوکل فونټ کوربه کولو ته plugin ضروری دی؟

نه، ضروری نه دی. Child theme کې فونټ اپلوډ کړئ، CSS سره تعریف کړئ، دا تر ټولو clean لار ده. که تخنیکي معلومات کم وي، reliable او update plugin هم کارولای شئ.

دا مقاله شریکه کړئ:

د Hostragons ټیم

زموږ د متخصص ټیم لخوا د کوربه توب، سرورونو او ډومین نومونو په اړه تازه لارښوونې. راځئ چې په ګډه ستاسو د پروژې لپاره سم حل ومومو.

له موږ سره اړیکه ونیسئ