إختلاف شكل الخط

[sanaa2004]

الأخوة الأعزاء

لماذا يختلف شكل الخط من متصفح أكسبلورر وفير فوكس
ليس هذا فقط بل هناك فرق الأكسبلورر وذلك بحسب الإصدار
!!!!!
رغم أني معرف النصوص بكلاسات

<style>

body { margin: 0px; padding:0px; background:  #EDEDED }

.bloc_title {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11pt; font-weight: normal;
               color: #E67709; text-decoration:none;
BORDER-BOTTOM: #A3B96B 2px solid
}
.newstext, .newsdata, .newsdatab {font-family: tahoma,  Arial, Helvetica; font-size:9pt; font-weight:normal; color: #382E2E;
margin-top: 0; margin-bottom: 2px ;
}
.linkdetail {font-family: Arial ,  tahoma, Helvetica; font-size:10pt; font-weight:Normal; color: #FF840A; text-decoration: none}
.linkdetail:hover{color:#FF0000;background-color:#F1F0EF;text-decoration: underline

</style>



<P class=bloc_title>About Us</P>
<P class=newstext>

The BBC's Ahmed Mohamed Ali in Garowe said two people were killed<br>
 in the ambushes on Friday - one person on the pirates' side when security guards
<br>

Puntland's interior ministry said no ransom had been paid for the minister's release.

For the last five years,&nbsp;Puntland<br>
 - the north-eastern Somali region that declared
 itself autonomous in 1998 - has been the hub of Somali
<br>

Last month, a pirate ringleader was sentenced to
death for killing the Pakistani skipper of
<A class=linkdetail href="#1">read more</A></P> 

كما تجدون المثال في المرفق
هل المشكلة في نوع الخط !!
ويش القصة

[vodos]

ما في اي اختلاف بكون من عندك من الجهاز

[محمد الثقفي]

بالطبع يكون في اختلاف

لذلك عليك تحديد الخط بال css

كمثال لتحديد نوع الخط على كامل الصفحه من الممكن ان تستعمل الامر

html, body {
font-family: Arial;
font-size:12pt;
font-weight:bold;
font-color: #000000;
}

هذا الخط والحجم واللون وطريقة العرض سوف يظهر بكامل الصفحه دون استثناء

وفي حالة كنت تريد الاسثناء عليك بوضع كلاس جديد مثل

.myfont {
font-family: Tahoma;
font-size:10pt;
font-weight:normal;
font-color: red;
}

ثم تعرفه في العرض مثل

<div class="myfont">
my font style
</div>

ارجو ان تكون الفكره قد وصلت

موفق ان شاءالله

[AROON]

بالطبع يكون في اختلاف

لذلك عليك تحديد الخط بال css

كمثال لتحديد نوع الخط على كامل الصفحه من الممكن ان تستعمل الامر

html, body {
font-family: Arial;
font-size:12pt;
font-weight:bold;
font-color: #000000;
}

هذا الخط والحجم واللون وطريقة العرض سوف يظهر بكامل الصفحه دون استثناء

وفي حالة كنت تريد الاسثناء عليك بوضع كلاس جديد مثل

.myfont {
font-family: Tahoma;
font-size:10pt;
font-weight:normal;
font-color: red;
}

ثم تعرفه في العرض مثل

<div class="myfont">
my font style
</div>

ارجو ان تكون الفكره قد وصلت

موفق ان شاءالله

تلك الطريقة التي اعمل بها من سنة ولاكن يجود فروقات في الخطوط (ليس نوع الخط) بين كل متصفح

[abdelrahman]

أخي يجب اولا تحديد المشكلة هل هي من المصفح أم من الجهاز أم من الكود المستخدم

افتح المتصفحات التي وجدت بها المشكلة

أكتب أي موقع باللغة الانجليزية في خانة كل متصفح من المتصفحات التي قمت بفتحها
إذا وجدت اختلاف في شكل الخط على كل متصفح فلا تتعب نفسك فالمشكلة اذا من المتصفح وليست من الكود

ثم جرب تصفح الصفحة على أكثر من جهاز مع التأكد بأن الفونتات المستخدمة موجودة بكل جهاز واذا وجدت المشكلة على جهاز دون الاخر ..اذن المشكلة من الكود

جرب استخدام أكثر من صيغة لتحديد حجم الخط .. px , em , pt او النسبة المئوية (%)

جرب ان تكتب خصائص الفونت كلها على مرحلة واحدة
مثال :

font: bold 8pt tahoma,Verdana,Arial,Helvetica,sans-serif;

واضف للخط :

font-variant:normal;

أتمنى ايضا توضيح المشكلة التي تظهر هل هي في حجم الخط ام شكله ام نوعه ويفضل بالصور
للتعرف على المشكلة بشكل دقيق

[حموديفيتش]

جرب استخدم reset.css وضعه قبل ملف الاستايل الاصلي
وضع بداخله هذا الكود

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

للاستزاده
http://meyerweb.com/eric/tools/css/reset/