المساعد الشخصي الرقمي

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

نسيم الشوق
22-08-2012, 12:04 AM
السلام عليكم ورحمه الله وبركاته
عيدكم مبارك
وكل عام وانتم بخير

حبيبت اعرف طريقه اضافة خطوط جديدة للموقع
مثل اللى فى الصورة .. غير الخطوط المعتاده ( توهاما واريا ) وكذا ؟؟؟
تلاحظون فى الصورة الخطوط هذه غير اللى معتاد عليها وجربها بالـ css ماظهر الخط
http://img03.arabsh.com/uploads/image/2012/08/22/0e3e474d61f603.jpg (http://arabsh.com)

أرجوا افادتى وبارك الله فيكم
abohmam
22-08-2012, 01:12 AM
وعليكم السلام ورحمة الله وبركاته

حياك الله أخى

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

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


<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: (http://www.abc4web.net/abc4web_java/css/extra-font/index.html)


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

:morfqat:

موفق بإذن الله ... لك مني أجمل تحية .
نسيم الشوق
22-08-2012, 11:33 AM
حياك الله أخي الحبيب
وبارك الله فيك على سرعه الرد

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

<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
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
abohmam
22-08-2012, 08:16 PM
حياك الله أخي الحبيب
وبارك الله فيك على سرعه الرد

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

<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
حياك الله أخى

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

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

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

بالتوفيق

خخخخخخ الحمد لله اشتغلت تمام تمام
^_^
تسلم لنا أخي الحبيب وأسال الله العظيم أن يتقبل منك الصيام والقيام وصالح الأعمال
بالتوفيق ح:abc_152:
abohmam
23-08-2012, 07:43 PM
خخخخخخ الحمد لله اشتغلت تمام تمام
^_^
تسلم لنا أخي الحبيب وأسال الله العظيم أن يتقبل منك الصيام والقيام وصالح الأعمال
بالتوفيق ح:abc_152:

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

بالتوفيق اخى ان شاء الله
خالد الرماح
25-12-2012, 01:05 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
انثى الرماد
26-12-2012, 12:22 AM
بارك الله فيكم جميعاً لما قدمتموه من مساعدة للاخ وفائدة لباقي الاعضاء
سليمان الفحلي
02-03-2013, 07:08 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
احياني عليك
07-03-2013, 12:33 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
ألو ألما
13-09-2013, 08:48 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_152:
ووالوردوو
20-09-2013, 10:47 AM
[QUOTE=abohmam;206873]وعليكم السلام ورحمة الله وبركاته

حياك الله أخى

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

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


<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: (http://www.abc4web.net/abc4web_java/css/extra-font/index.html)


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

:morfqat:

d9e28f1e7c726d86ddd410d6796c04d5
عبدالجواد
30-10-2013, 04:42 PM
جزاكم الله خيرا

سبحان الله و بحمده سبحان الله العظيم:abc_026:
انور ادم
14-01-2014, 03:44 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .