فونت‌ها

پوسته‌های ویترو بلاگ فونت پیش‌فرض دارند و می‌توانید آن را تغییر دهید. دو روش در دسترس است: Bunny Fonts و فونت سفارشی.

Bunny Fonts

ویترو بلاگ از Bunny Fonts پشتیبانی می‌کند. فونت‌ها از دامنهٔ وبلاگ بارگیری می‌شوند؛ بنابراین درخواست شخص ثالث و رهگیری اضافه‌ای وجود ندارد.

• https://[your-domain]/fonts/css/{family} — پراکسی CSS
• https://[your-domain]/fonts/file/{file_name} — پراکسی فایل فونت

گام اول: بارگیری فونت

در Bunny Fonts فونت و وزن‌های دلخواه را انتخاب کنید. برای نمونه:

@import url(https://fonts.bunny.net/css?family=mulish:400,700);

مقدار خانواده و وزن را بردارید؛ در این مثال mulish:400,700. آن را در پنل، در پوسته ← config.yaml ← THEME_FONTS قرار دهید. فونت به‌طور خودکار به بخش <head> افزوده می‌شود.

اگر گزینهٔ Theme Fonts را نمی‌بینید، به حالت YAML بروید و THEME_FONTS را پس از THEME_VERSION قرار دهید:

THEME_NAME: hello
THEME_VERSION: 1.0.0
THEME_FONTS: "mulish:400,700"

گام دوم: استفاده از فونت

پوسته‌های رسمی از تنظیم فونت در config.yaml پشتیبانی می‌کنند. مقدار خانواده را از بخش Embed CSS در Bunny Fonts بردارید و در گزینهٔ مناسب پوسته قرار دهید. بعضی پوسته‌ها برای متن و عنوان‌ها گزینه‌های جدا دارند.

اگر پوسته گزینهٔ تغییر فونت ندارد، با CSS آن را تنظیم کنید.

فونت سفارشی

برای استفاده از فونتی که در Bunny Fonts نیست:

1. فایل فونت را در پوسته ← assets بارگذاری کنید.
2. در پوسته ← styles یک فایل SCSS بسازید و CSS زیر را به آن بیفزایید:

@font-face {
	font-family: 'My Font';
	src: url('/assets/my-font.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'My Font', sans-serif;
}