فونت‌ها از گوگل

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وقت بخیر . من به این لینک رفتم https://fonts.google.com/specimen/Pacifico و خواستم مشابه استاد همین لینک را توی قسمت HEAD صفحه ام بزارم اول اینکه سه تا لینک داشت که دوتای اول خراب بودند و برای من وقتی سرچشون کردم چیزی نیاوردند https://fonts.googleapis.com/ و یکی https://fonts.gstatic.com/ و فقط لینک سوم کار میکرد که https://fonts.googleapis.com/css2?family=Pacifico&display=swap این بود و قسمت SRC اش مثل صفحه استاد local نبود بلکه url بود چرا ؟ بعد این که این دو لینک اول اخطار دادن خرابه و نباید از این فونت استفاده کنیم ؟

سلام،

سوالتون رو متوجه نشدم، بیشتر توضیح بدید و با فاصله گذاری در متن تا بهتر بتونیم متن رو بخونیم. ممنون

محسن موحد ۱۸ مرداد ۱۴۰۲، ۱۲:۴۸

مثل استاد خواشتم فونت Pacifico را دانلود کنم منتها قسمت لینک در حال حاضر با زمانی که استاد دانلود کرده بودند خیلی فرق داره چون استاد وقتی این تیکه کد را برداشتند و توی head گذاشتند فقط یک لینک بود که روی آن می‌زدند تمام اطلاعات فونت را آورده بود . الان من اینجا سه تا لینک دارم و اینکه دو لینک اول را حتی با فیلتر شکنم باز مکینم خطا 404 میده . یعنی فونت‌ها برداشته شدند ؟

بعد فقط لینک سوم کار میکنه (https://fonts.googleapis.com/css2?family=Pacifico&display=swap) و این فایل هم تفاوت دارد با فایلی که استاد باز کردند . چون زمانی که استاد فایل را باز کردند برای ایشان نوشته شده بود

src:local ('pacifico regural) اما برای من نوشته src:url('https://') میخواستم بدونم فرقشون چیه ؟ ممنونم. 0296-section6fontfamily_link - Copy.PNG

Golgoli ۱۸ مرداد ۱۴۰۲، ۱۶:۳۹

شما باید براساس آنچیزی که الان در داکیومنت وجود دارد عمل کنید.

من خوشحالم که میبینم داکیومنت رو باز کردید و متوجه تغییرات شدید.

همین مسئله نشان دهنده ی مسیر درست یادگیری شماست. باید به همین شکل توو دل داکیومنت‌ها بروید و مطالعه کنید.

آنچیزی که لازم است لینک سوم است.

اگر روی Api docs کلیک کنید توضیحات آنجا هم نشان داده که چه لینکی مد نظر است.

بنابراین لینک سوم رو اضافه میکنید و کافیست استایل مد نظر css را بدهید.

<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">

این لینک codepen رو ببینید، اگر روی آیکون چرخ دنده بلاک HTML بزنید، میبینید تگ link را آنجا در head ست کرده ام.

https://codepen.io/Mohsen-Movahed/pen/mdQYLxq

محسن موحد ۱۸ مرداد ۱۴۰۲، ۲۱:۲۴

مرسی ممنون از توضیحاتتون. فقط من نمیدونم چرا کلیک میکنم روی Api docs وRead our FAQs میزنم تا مطالب را بخوانم برام صفحه خطا403 میاره, با سایفون هم که میخوام باز کنم برام فیلتره و باز نمیشه .

Golgoli ۱۹ مرداد ۱۴۰۲، ۱۱:۱۵

بخاطر لوکیشن vpn اتون هست. سرویس شکن و 403 رو تست کنید ببینید میشه یا نه.

این تصویر داکیومنتیشن هست: (چندین فونت)

f812-Screenshot 2023-08-10 190221.png

محسن موحد ۱۹ مرداد ۱۴۰۲، ۱۵:۳۳