Web Safe Fonts
CSS Web Safe Fonts عبارتاند از فونتهایی که در اکثر سیستمعاملها (Windows، macOS، iOS، Android و Linux) بهطور پیشفرض وجود دارند. استفاده از آنها باعث میشود متن در همه مرورگرها بدون نیاز به دانلود فونت نمایش داده شود.
✅ لیست Web Safe Fonts محبوب
1. Serif (با سریف / سنتی)
این فونتها در انتهای حروف زواید تزئینی دارند.
| Font Family | CSS Example |
|---|---|
| Times New Roman | font-family: "Times New Roman", Times, serif; |
| Georgia | font-family: Georgia, serif; |
| Garamond | font-family: Garamond, serif; |
2. Sans-Serif (بدون سریف / مدرن)
متداولترین گروه برای UI و طراحی مدرن.
| Font Family | CSS Example |
|---|---|
| Arial | font-family: Arial, Helvetica, sans-serif; |
| Helvetica | font-family: Helvetica, Arial, sans-serif; |
| Verdana | font-family: Verdana, Geneva, sans-serif; |
| Trebuchet MS | font-family: "Trebuchet MS", Helvetica, sans-serif; |
| Tahoma | font-family: Tahoma, Geneva, sans-serif; |
3. Monospace (فونت کدنویسی)
تمام حروف عرض یکسان دارند.
| Font Family | CSS Example |
|---|---|
| Courier New | font-family: "Courier New", Courier, monospace; |
| Lucida Console | font-family: "Lucida Console", Monaco, monospace; |
| Consolas | font-family: Consolas, monospace; |
4. Cursive (دستنویس)
ممکن است در همه سیستمها دقیقاً یکسان نباشد.
| Font Family | CSS Example |
|---|---|
| Comic Sans MS | font-family: "Comic Sans MS", cursive; |
5. Fantasy
فونتهای تزئینی و کمتر کاربردی.
| Font Family | CSS Example |
|---|---|
| Impact | font-family: Impact, fantasy; |
🎯 پکیج کامل پیشنهاد شده
برای ساخت استایل پایدار در همه پلتفرمها:
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”,
Roboto, Helvetica, Arial, sans-serif,
“Apple Color Emoji”, “Segoe UI Emoji”;
}
این “System UI Font Stack” در بیشتر سایتهای مدرن استفاده میشود.
دیدگاهتان را بنویسید