custom font خط غير موجود على جهاز الزائر ؟؟؟

Code Geek كتب:

السلام عليكم

عندي مشكلة في استخدام خط غير افتراضي او غير موجود على جهاز الزائر

بواسطة CSS

وجدت طريقة لعمل كلاس في CSS وهو @font-face

بهذه الطريقة

@font-face
{
	font-family:"myFont";
	src:url("~/myFont.ttf") format("truetype");
}

h1
{
	font-family:myFont;

مع رفع ملف الخط على الموقع

ولكن لم تعمل معي

فهل يوجد طريقة لعرض خط غير افتراضي ؟؟؟

السلام عليكم

هذه الطريقة صحيحة لكن في عندي ملاحظة بسيطة

أولا هل غيرت الرابط ؟ ~/myFont.ttf لمكان الفونت ( يعني حملت الفونت مع الملفات؟) ثانياً غيرت إسم myFont لإسم الفوت المراد.

ثالثاً غيرت كلمة format للجملة المطلوبة؟

لما تغيرهم يشتغل إن شاء الله و ياريت ما تجربهم على الويندوز إكسبلورير جرب على الفايرفوكس :) أحسسسسسسسسسسسسسن ١٠٠٠٠٠٠٠٠ مرة

سلام

وعليكم السلام

شاكر لك اخي على الرد

نعم التغيرات عملتها اكيد

بالنسبة للخط احتاج يعمل على الفايرفوكس وال IE ايضا

ليس فقط في الفايرفوكس

:)

Code Geek كتب:

السلام عليكم

عندي مشكلة في استخدام خط غير افتراضي او غير موجود على جهاز الزائر

بواسطة CSS

وجدت طريقة لعمل كلاس في CSS كوهو @font-face

بهذه الطريقة

@font-face
{
	font-family:"myFont";
	src:url("~/myFont.ttf") format("truetype");
}

h1
{
	font-family:myFont;

مع رفع ملف الخط على الموقع

ولكن لم تعمل معي

فهل يوجد طريقة لعرض خط غير افتراضي ؟؟؟

وعليكم السلام.

قد لا أملك الجواب لكن لدي ملاحظتان:

الأولي : أنا لم أري ( { ) الخاصة بإغلاق h1.

الثاني : يجب أن تكون نسخة الـ Firefox حديثة لأن الـ css3 لا تعمل على المستعرضات القديمة.

أرجو أن تجد الحل سريعاً.