افزودن فونت دلخواه از گوگل به صورت آنلاین در Asp.net Core

افزودن فونت به صورت آنلاین به پروژه در Asp net Core

این کار خیلی ساده هست. مراحل کار رو براتون توضیح میدم.

• ابتدا وارد موتور جستجوی Google بشید و عبارت "Google fonts" رو سرچ کنید.
• اولین لینکی که در موتور جستجوی گوگل نمایش داده میشه رو کلیک کنید. (fonts.google.com)
• خب در صفحه نمایش داده شده در قسمت Search میتونید فونت مورد نظر خودتون رو جستجو کنید. (تصویر زیر را مشاهده کنید.)

در تصویر بالا فونت Inter را جستجو کرده ایم.

• خب حالا روی فونت Inter کلیک می کنیم. با کلیک بر روی فونت لیست سایزها و اشکال مختلف فونت نمایش داده می شود. (مطابق تصویر زیر)

• خب در این مرحله هر استایلی از فونت که نیاز داشتید انتخاب کنید. به عنوان مثال حالت Bold و Regular. کافیه روی لینک آبی رنگ روبرو کلیک کنید. ما در اینجا حالات 300 و 400 را انتخاب می کنیم (همان font-weight می باشد.) همچنین حالت 700 که معادل bold می باشد را هم انتخاب می کنیم.

• همانطور که در تصویر بالا مشاهده می کنید فونت های با وزن 300 و 400 و 700 انتخاب شده. در سمت راست با توجه به اینکه شما چه فونت هایی انتخاب کرده باشید یک لینک که شامل نام فونت و وزن های انتخاب شده میباشد ساخته می شود.
• لینک را کپی کنید و در Layout پروژه در قسمت css پیست کنید.

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet">

• در این مرحله فونت به پروژه شما اضافه شده است. کافیست از طریق دستورات css از فونت استفاده کنید.

html {
  font-family: "Inter"
}

*{
  font-family: "Inter"
}

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