فونت های وب سایت با فونت های عادی استفاده شده در ویندوز متفاوت هستند و علاوه بر پسوند TTF که قابل استفاده در ویندوز است فرمت های مختلفی وجود دارند که برای مرورگر های مختلف ایجاد می شوند. در ادامه هر کدام از این پسوند ها را توضیح میدیم.
البته یک سری ابزار های آنلاین هستند که فونت های معمولی ویندوز را به این فرمت ها تبدیل میکنند ولی کیفیت این فونت ها پایین می آید و ممکن است (بستگی به نوع فونت) ناخوانا شود پس بهتر از از فونت های مختص وب استفاده شود تا بهترین کیفیت را داشته باشید.
در صورتی که از قالب های تمنتو استفاده میکنید ما در تنظیمات قالب بخشی را قرار دادیم که بتوانید این فایل ها را آپلود کنید و از فونت مورد نظر خود استفاده کنید.
هر کدام از فونت ها ممکن است فایل های متفاوتی داشته باشند و در ادامه انواع پسوند ها را توضیح داده ایم.
در صورتی که از قالب های ما استفاده نمی کنید و میخواهید یکی از فونت های بالا را در قالب خود استفاده کنید ادامه این آموزش را مشاهده کنید:
@font-face {
font-family: 'MyWebFont';
src: url('fonts/webfont.eot'); /* IE9 Compat Modes */
src: url('fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
در اینجا هر کدوم از پسوند ها را ندارید میتوانید خط آن را حذف کنید و نام فایل فونت را با کلمه webfont تغییر دهید.
بعد از اینکه فونت ها را فراخوانی کردید. باید نام فونت را در قالب صدا بزنید تا کار شما تمام شود.
برای اینکار شما کد زیر را بعد از کد قبلی در همان فایل style.css قرار دهید.
body {
font-family: 'MyWebFont';
}
درصورتی که سوالی یا مشکلی داشتید در بخش نظرات منتظر شما هستیم همچنین اگر فونت خاصی مدنظرتون بود اعلام کنید تا لیست فونت ها را بروزرسانی کنیم.
قالب کارائوس را از ژاکت خریداری کردم اما فونت ایران سنس را نمایش نمیده. قبلا ولی پیشفرض نمایش میداد. به روش دستی مثل آنچه در بالا توضیح دادین انجام دادم بازم مشکل حل نشد.
سلام و درود
برای این مورد تیکت بزنید و دسترسی وردپرس را در تیکت ارسال کنید مورد شما بررسی و رفع میشه.
با احترام
سلام جناب امینی من قالب مایکو رو از شما خریدم اما هر کاری میکنم نمیتونم تنظیمات دکمه پیام واتساپ رو تغییر بدم لطفا نحوه
تنظیم تغییرات و درج شماره رو برام بفرستید.
درود
تیکت بزنید راهنمایی میکنیم.
با احترام
من قالب مایکو رو از شما خریدم فونت پرستو رو آپلود کردم توی قالب اطلاعات سایتم هیچی نمایش داده نمیشه لطفا راهنمایی کنید چطوری اصلاحش کنم
درود
تیکت بزنید راهنمایی میکنیم.
با احترام