CSS: استخدم خطوط سطح المكتب في موقعك

«كيف تستخدم خطوط .OTF (أو غيرها من خطوط سطح المكتب) في موقعك؟»

إذا أردت استخدام خطوط سطح المكتب في موقعك، فاتبع الخطوات التالية!

CSS

1. اختر خطوطك وضعها على الخادم.
2. انسخ الكود أدناه والصقه في ورقة الأنماط.
3. استبدل 'FONT1' في font-family داخل كلٍّ من @font-face وp باسم خطك.
4. يمكنك تغيير normal إلى bold عند الحاجة.

@font-face {
	font-family: 'FONT1';
	src: url("../fonts/YOUR-FONT-LOCATION.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
p { 
	font-family: 'FONT1', sans-serif; 
}