جفتسازی فونت و فهرست Google Fonts
فهرستی گزیده از فونتهای محبوب Google Fonts را با پیشنمایش زنده مرور کنید، بر اساس دسته فیلتر و با نام جستجو کنید، سپس CSS آمادهی استفاده را کپی کرده و جفتهای فونت پیشنهادی را کاوش کنید — همه در مرورگر شما.
همهچیز در مرورگر شما اجرا میشود — فونتها فقط برای پیشنمایش زنده از Google Fonts بارگذاری میشوند، چیزی بارگذاری نمیشود، بدون ثبتنام، کاملاً رایگان.
یک عنوان با فونت نمایشی
و اینجا یک پاراگراف متن بدنه با فونت متنی جفتشده است. جفتهای فونت خوب میان شخصیت و خوانایی تعادل برقرار میکنند: یک عنوان با کاراکتر چشم را جلب میکند، در حالی که یک فونت بدنه تمیز و راحت خواندن بخشهای طولانی را آسان نگه میدارد. روی «CSS» کلیک کنید تا هر دو خط @import و قواعد font-family برای عناوین و متن بدنهتان را کپی کنید.
درباره جفتسازی فونت و فهرست Google Fonts
این فهرست فونت ۸۰ فونت محبوب Google Fonts را در یک صفحه قابلجستوجو جمعآوری میکند، هر یک بهصورت یک نمونه زنده با یک خط نمونه پانگرام، یک خط الفبا و عدد، و یک نشان دستهبندی رندر شده است. این ابزار پنج خانواده تایپ را پوشش میدهد؛ بدونسریف، سریف، نمایشی، دستنویس و مونواسپیس؛ پس میتوانید حروف واقعی را مقایسه کنید بهجای حدسزدن از روی نامها.
هر کارت فونت شامل پیشنهادهای جفتسازی منتخب است: فونتهای همراهی که برای عناوین و متن بدنه خوب کار میکنند. کلیک روی یک تراشه جفت، یک پیشنمایش باز میکند که یک عنوان را در یک فونت و یک پاراگراف را در دیگری قرار میدهد، پس میتوانید ترکیب را در زمینه پیش از تعهد به آن قضاوت کنید.
وقتی یک فونت یا جفت مناسب باشد، یک کلیک CSS آماده جایگذاری کپی میکند؛ یک خط @import برای برگه سبک Google Fonts بهعلاوه پشته font-family متناظر با یک جایگزین معقول. فونتها فقط برای پیشنمایشهای زنده از Google Fonts بارگذاری میشوند؛ هیچچیزی که تایپ میکنید در جایی آپلود نمیشود.
نحوه استفاده از جفتسازی فونت و فهرست Google Fonts
- کارتهای فونت را مرور کنید، که هر کدام نام، نشان دستهبندی و متن نمونه زنده تنظیمشده در قلم واقعی خود را نشان میدهند.
- از جعبه جستوجو برای یافتن یک فونت بر اساس نام استفاده کنید، یا روی یک تراشه دستهبندی (بدونسریف، سریف، نمایشی، دستنویس، مونواسپیس) کلیک کنید تا شبکه فیلتر شود.
- اسلایدر اندازه (۱۶ تا ۷۲ پیکسل) را بکشید تا خط نمونه را در اندازه عنوان یا بدنه هدف خود پیشنمایش کنید.
- روی یک تراشه «جفت با» یا دکمه «پیشنمایش جفتسازی» کلیک کنید تا یک عنوان و پاراگراف بدنه تنظیمشده در ترکیب پیشنهادی را ببینید.
- روی دکمه «CSS» در یک کارت یا در پیشنمایش جفتسازی کلیک کنید تا خط @import و اعلانهای font-family را در کلیپبورد خود کپی کنید.