إعـــــــلان

**admin admin** · 22-08-2012, 01:12 AM

وعليكم السلام ورحمة الله وبركاته

حياك الله أخى

جرب هذا الكود ان شاء الله وعليك رفع ملف الخط الذى تريده وتغير الرابط

لاحظ أنى سميت الخط abc4web Font ثم حددت مكان الخط
أخيرا أضفت كلاس للخط customfont كى استخدمه مع أى عبارة أو مقطع أو كخط افتراضي للصفحة.

كود PHP:


<style type="text/css">

@font-face {

    font-family: "abc4web Font";

    src: url(http://www.abc4web.net/abc4web_java/css/extra-font/font/ABC4WEB_EXTEN.TTF) format("truetype");

}

p.customfont { 

    font-family: "abc4web Font", Verdana, Tahoma;

}

</style>

مثال

:abc4web:

لتحميل المثال من المرفقات

:morfqat:

موفق بإذن الله ... لك مني أجمل تحية .

الملفات المرفقة

css_extra-font.rar (36.6 كيلوبايت, 17 مشاهدات)

**نسيم الشوق نسيم الشوق** · 22-08-2012, 11:33 AM

حياك الله أخي الحبيب
وبارك الله فيك على سرعه الرد

أخي قمت بعمل ما قلت عليه ولكن لم يتغير الخط
لازم أرفع الخط أولا ولا ممكن أخذه من ملف الموقع على الكمبيوتر ؟؟؟
انظر الكود

كود PHP:


<style type="text/css">

@font-face {

    font-family: "bader_algorthabia";

    src: url(w/font/bader_algorthabia.TTF) format("truetype");

}

p{

    font-family: "bader_algorthabia";

    color:fuchsia;



}



</style>  



</head>



<body>



<p>بسم الله الرحمن الرحيم 

والصلاة والسلام على رسول الله 

</p>

</body>

**الهمام الهمام** · 22-08-2012, 03:51 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

**admin admin** · 22-08-2012, 08:16 PM

المشاركة الأصلية بواسطة نسيم الشوق مشاهدة المشاركة

حياك الله أخي الحبيب
وبارك الله فيك على سرعه الرد

أخي قمت بعمل ما قلت عليه ولكن لم يتغير الخط
لازم أرفع الخط أولا ولا ممكن أخذه من ملف الموقع على الكمبيوتر ؟؟؟
انظر الكود

كود PHP:


<style type="text/css">

@font-face {

    font-family: "bader_algorthabia";

    src: url(w/font/bader_algorthabia.TTF) format("truetype");

}

p{

    font-family: "bader_algorthabia";

    color:fuchsia;



}



</style>  



</head>



<body>



<p>بسم الله الرحمن الرحيم 

والصلاة والسلام على رسول الله 

</p>

</body>

حياك الله أخى

أولا قم برفع الخط الى الموقع ثم اكتب مسار الخط كما فى المثال.

ثانيا قم بتسمية كلاس للخط كما ذكرت لك p.customfont

يمكنك حفظ صفحة المثال أو معاينة مصدر الصفحة وتحميل الخط واستخدام الكود للتجربة

بالتوفيق

**نسيم الشوق نسيم الشوق** · 22-08-2012, 09:20 PM

المشاركة الأصلية بواسطة abohmam مشاهدة المشاركة

حياك الله أخى

أولا قم برفع الخط الى الموقع ثم اكتب مسار الخط كما فى المثال.

ثانيا قم بتسمية كلاس للخط كما ذكرت لك p.customfont

يمكنك حفظ صفحة المثال أو معاينة مصدر الصفحة وتحميل الخط واستخدام الكود للتجربة

بالتوفيق

خخخخخخ الحمد لله اشتغلت تمام تمام
^_^
تسلم لنا أخي الحبيب وأسال الله العظيم أن يتقبل منك الصيام والقيام وصالح الأعمال
بالتوفيق ح

**admin admin** · 23-08-2012, 07:43 PM

المشاركة الأصلية بواسطة نسيم الشوق مشاهدة المشاركة

خخخخخخ الحمد لله اشتغلت تمام تمام
^_^
تسلم لنا أخي الحبيب وأسال الله العظيم أن يتقبل منك الصيام والقيام وصالح الأعمال
بالتوفيق ح

الحمد لله ان نجحت المهمة

بالتوفيق اخى ان شاء الله

**خالد الرماح خالد الرماح** · 25-12-2012, 02:05 AM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

**انثى الرماد انثى الرماد** · 26-12-2012, 01:22 AM

بارك الله فيكم جميعاً لما قدمتموه من مساعدة للاخ وفائدة لباقي الاعضاء

**سليمان الفحلي سليمان الفحلي** · 02-03-2013, 08:08 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

**احياني عليك احياني عليك** · 07-03-2013, 01:33 AM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

**ألو ألما ألو ألما** · 13-09-2013, 08:48 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

**ووالوردوو ووالوردوو** · 20-09-2013, 10:47 AM

[QUOTE=abohmam;206873]وعليكم السلام ورحمة الله وبركاته

حياك الله أخى

جرب هذا الكود ان شاء الله وعليك رفع ملف الخط الذى تريده وتغير الرابط

لاحظ أنى سميت الخط abc4web Font ثم حددت مكان الخط
أخيرا أضفت كلاس للخط customfont كى استخدمه مع أى عبارة أو مقطع أو كخط افتراضي للصفحة.

كود PHP:


<style type="text/css">

@font-face {

    font-family: "abc4web Font";

    src: url(http://www.abc4web.net/abc4web_java/css/extra-font/font/ABC4WEB_EXTEN.TTF) format("truetype");

}

p.customfont { 

    font-family: "abc4web Font", Verdana, Tahoma;

}

</style>

مثال

:abc4web:

لتحميل المثال من المرفقات

:morfqat:

d9e28f1e7c726d86ddd410d6796c04d5

**عبدالجواد عبدالجواد** · 30-10-2013, 04:42 PM

جزاكم الله خيرا

سبحان الله و بحمده سبحان الله العظيم

**انور ادم انور ادم** · 14-01-2014, 04:44 AM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

إعـــــــلان

كيف أضيف خطوط اضافية للموقع بالـ css . يوجد مثال

كيف أضيف خطوط اضافية للموقع بالـ css . يوجد مثال

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

مواضيع تهمك