در یک صفحه HTML ساده با استفاده از CSS، فونت پیش‌فرض متن‌ها را به "Roboto" تنظیم کن و برای حالت fallback ترتیب Arial و سپس sans-serif را قرار بده

6.0 بازدید آخرین ویرایش در 203 روز قبل ساعت 02:38

0.0

برای حل این سوال ابتدا می‌توانی فونت Roboto را از Google Fonts وارد صفحه با تگ یا با @import در فایل CSS بارگذاری کنی، یا از @font-face اگر فایل فونت محلی داری استفاده کنی. سپس در CSS با انتخاب‌گر body مقدار font-family را برابر "Roboto", Arial, sans-serif قرار بده تا همه عناصر به ارث ببرند؛ در صورت نیاز می‌توانی برای عناوین (h1، h2 و…) فونت متفاوتی هم مشخص کنی. نکات: نام فونت‌های دارای فاصله را داخل کوتیشن بگذار، همیشه یک خانواده‌ی عمومی (مثل serif یا sans-serif) در انتهای لیست قرار بده و برای تجربه بهتر کاربر از font-display: swap هنگام بارگذاری فونت وب استفاده کن.

توسط پژوهشگر در 203 روز قبل ساعت 02:38
دسته بندی ها: CSS CSS for beginner
arman در 203 روز قبل ساعت 09:01

یک نکته کوتاه: برای استفاده از Roboto با fallback صحیح، از font-display: swap استفاده کن تا متن بلافاصله نمایش پیدا کند. Roboto را از Google Fonts اضافه کن (با لینک یا @import) و مقدار font-family را به شکل 'Roboto', Arial, sans-serif تعیین کن تا در صورت دیر بارگذاری، جایگزین مناسب وجود داشته باشد. اگر از @font-face استفاده می‌کنی، مطمئن شو وزن‌های لازم را هم اضافه کرده‌ای. برای عناوین هم می‌توانی فونت متفاوتی مانند 'Roboto' یا یک خانواده دیگر اضافه کنی و نام‌های با فاصله را با کوتیشن بنویسی و حتما یک خانواده عمومی در انتهای لیست بگذاری.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری