آموزش اضافه کردن فونت به وب سایت

در این مقاله آموزشی قصد داریم که آموزش اضافه کردن فونت دلخواه به وب سایت را به شما آموزش دهیم.

آن طور که می‌دانید فونت هایی که به صورت پیش فرض بر روی مرورگر ها قرار دارند چندان جذاب نیستند و شما حتماً باید یک فونت خوب را دانلود یا خریداری نمایید و بر روی سایت خود قرار دهید.

سایت های فارسی زبان فونت هایی مانند فونت ایران سنس، شبنم، سینما، فونت های B ، تیتر، کتاب، وزیر و غیره وجود دارند که هر یک می توانند موجب خواناتر شدن محتوای وب سایت شما شوند.

با توجه به محبوبیت بالای فونت ایران سنس در این مقاله آموزشی ما از فونتهای ایران‌سنس استفاده کرده‌ایم که در فیلم آموزشی شما مشاهده می کنید که به چه صورت باید این فونت را روی وب سایت خود قرار دهید.

فیلم آموزش اضافه کردن فونت به سایت

در بخش زیر فیلم آموزش اضافه کردن فونت به سایت را برای شما قرار داده ایم این فیلم آموزشی را مشاهده نمایید و هر کجا که نیاز به سوال و یا راهنمای بیشتر داشتید میتوانید از طریق راه های ارتباطی موجود در وب سایت Atgo و یا این که در انتهای صفحه و در بخش نظرات می توانید سوالات خود را وارد نمایید تا همکاران ما در اسرع وقت به شما پاسخ دهند.

دانلود فونت ایران سنس برای اضافه کردن به سایت

با توجه به اینکه در ویدیوی آموزشی قسمت قبلی ما از فونتهای ایران سنس استفاده کردیم در بخش زیر لینک دانلود رایگان فونت ایران سنس را برای شما قرار داده ایم که شما میتوانید به صورت رایگان فونت را برای خود دانلود نمایید.

انواع فرمت های فونت در وب

اگر شما یکی از فرمت‌های فونت را دانلود کنید مشاهده می‌کنید که با چند فرمت مختلف از جمله TTF ، WOFF ، WOFF2 ، مواجه می شوید و فونت های وب دارای چندین فرمت مختلف هستند که هر کدام توسط مرورگر های خاصی پشتیبانی می شوند.

برای آشنایی بیشتر با انواع فونت های پیشنهاد می کنیم که مقاله فونت چیست را مطالعه نمایید.

در بخش زیر شما می‌توانید مشاهده کنید که فونت های وب با استفاده از چه مرورگر هایی پشتیبانی می شوند.

نحوه اضافه کردن فونت به وب سایت

با توجه به آموزشی که در ابتدای مقاله در قالب یک فیلم آموزشی مشاهده کردید شما ابتدا باید فونت مورد علاقه خود را از اینترنت دانلود کنید که در این صفحه لینک دانلود فونت ایران سنس برای شما قرار داده شده است.

سپس باید فونت دانلود شده را به صورت یک فایل زیپ در در هاستینگ خود در پوشه Publichtml آپلود نمایید.

بعد از بارگذاری فونت بر روی سرور فونت های خود را از حالت فشرده خارج کنید و قطعه کد زیر را در بخش فایل CSS وبسایت خود وارد نمایید.

دقت کنید که در قطعه کد زیر آدرس درج شده به طور مثال # قرار داده شده است، و شما باید URL سرور خود را در قسمت # وارد نمایید.

پیشنهاد ویژه » آموزش طراحی سایت رایگان

a,body,h1,h2,h3,h4,h5,h6,p,span,input,textarea,ul,li,ol,div {
    font-family: "IranSansWeb" , IranSansWeb !important;
}


@font-face {
  font-family: 'IranSansWeb';
  src: url('#') format('woff2'),
         url('#') format('woff'),
         url('#') format('truetype');
	font-display: swap;
}

<< مقالات آموزشی مفید برای یادگیری آموزش طراحی سایت به صورت حرفه ای >>

افزایش سرعت سایت وردپرس

آموزش افزونه wp-rocket

بهترین ابزارهای تست سرعت سایت

GTmetrix چیست

 html چیست

 نصب جاوا اسکریپت

آموزش ساخت سایت چندزبانه

طراحی وب چیست

مسیر طراحی سایت

آموزش استفاده از نقشه گوگل در سایت

آموزش بکاپ گرفتن از سایت وردپرس

مدیر سایت کیست

تشخیص زبان برنامه نویسی سایت

حل مشکل ایندکس نشدن سایت در گوگل

آینده شغلی طراحی وب

افزونه ووکامرس چیست