علت نمایش نا مرتب کلمات فارسی در صفحه وب چیست؟

سلام

من جدیدا مشکلی با فونت فارسی بعضی صفحات وب پیدا کردم!

خودم یه صفحه وب با پسوند html درست کرده بودم ولی وقتی با گوگل کروم اجراش می کنم، فونت ها اینطوری نمایش داده میشه: (با فایر فاکس اینطوری نیست!)

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]


در حالی که برای کار های عادی (اینترنت و ...) فونت ها کاملا صحیح نشون داده میشه! به این ترتیب:


[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

مشکل از مرورگره یا کدی که من برای صفحه وبم نوشتم؟
چطوری حلش کنم؟

(( اگه جای مناسبی مطرح نشده، مدیران لطف کنن منتقل کنن ))

ممنون :n16:

سلام

کسی نمیتونه این مشکل منو حل کنه؟؟؟

لینک بدید بررسی کنیم. :n26:

سلام

این صفحه وب هنوز آپلود نشده و توی PC اجرا می کنمش.

همین صفحه رو وقتی با mozilla اجرا می کنم، فونت ها درست نمایش داده میشه ولی تو گوگل کروم ایراد دارن. (( مثلا سلام میشه س ل ا م ))

تو تاپیک مشکلات مرورگر Google Chrome که مطرح کردم گفتن مشکل از مرورگر نیست شما یه تیکه کدی یا چیزی رو اضافه باید بکنی تا صفحه وبت رو درست نمایش بده

راستش اولین باره به همچین مشکلی بر می خورم. :n13: ( چون در دو مرورگر متفاوت نشون داده میشه. )

کد:

---

direction:rtl;

---

قرار بدید ببینید درست میشه یا خیر.

خودتون کد ها رو نوشتید ؟ تو فایل css سرچ کنید :
-webkit- و هر چی کد بود با این پیشوند، اینجا قرار بدید.

برای منم خیلی عجیبه!

این صفحه تو کروم مشکل داره ولی تو فایرفاکس درست نشون میده

جالب اینجاست وقتی با گوگل کروم میام همین انجمن همه ی فونت های فارسی درست نمایش داده میشه (مثل عکس دوم تو پست اول)

این عکس همون مکان با مرورگر موزیلا فایرفاکس هستش:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

میبینید که فونت ها رو عادی نشون میده.
.
.
.
.
اما در مورد درخواستون برای سرچ تو CSS : ( اینا با Webkit بود )
این کد عکس ها رو در حالت عادی میاد خاکستری می کنه و وقتی موس روش رفت رنگش عادی میشه!

کد:

---

img.change-color{
    filter: grayscale(100%);                    /* General Grayscale support */
    -webkit-filter: grayscale(100%);            /* Webkit Browser Support    */
    -moz-filter: grayscale(100%);                  /* Mozilla Firefox Support  */
    -ms-filter: grayscale(100%);                /* IE Support                */
    -o-filter: grayscale(100%);                  /* Opera Browser Support    */
}
img.change-color:hover{
    filter: grayscale(0%);                          /* General Grayscale support */
    -webkit-filter: grayscale(0%);                  /* Webkit Browser Support    */
    -moz-filter: grayscale(0%);                    /* Mozilla Firefox Support  */
    -ms-filter: grayscale(0%);                          /* IE Support                */
    -o-filter: grayscale(0%);                        /* Opera Browser Support    */
}

---

این کد هم برای تگ body هستش؛ میاد رنگ بک گراند تمام صفحات وب رو gradiant میکنه به طوری که از آبی کمرنگ شروع میشه و به سفید ختم میشه.

کد:

---

body {

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #bcdcff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcdcff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#bcdcff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#bcdcff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#bcdcff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#bcdcff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcdcff',GradientType=0 ); /* IE6-9 */

}

---

اکثر کد ها رو خودم نوشتم! (( بعضی هاش رو هم از اینترنت کپی کردم ))

کد مربوط به یکی از اون کلمات به همراه کد سی اس اس که بهش مرتبط هست رو بزارید

font-family تمام صفحه رو tahoma قرار بدید و تست کنید تو مرورگر ها. فونت خوده تگ رو هم tahoma بزارید. شاید مشکل از فونتتون باشه.

از Thor God عزیز متشکرم!
مشکل از font-family بود. عوض کردم، درست شد.

من چند دقیقه پیش مرورگر Opera رو هم نصب کردم و IE هم که نصب بود.

نتیجه اجرا صفحه فوق تو این چهار مرور گر اینطوری بود که:

مرورگر های فایرفاکس و IE فونت رو درست نشون میدادن
ولی
مرورگر های Chrome و Opera فونت رو درست نشون نمیدادن

اما کد من برای فونت ها:

کد:

---

@font-face{        /* B Nazanin */    /* B Nazanin */
    font-family: SH-BNazanin_text;
    src:url(Fonts/BNaznnBd.ttf);
}
@font-face{        /* B Koodak */    /* B Koodak */
    font-family: SH-BKoodak_text;
    src:url(Fonts/BKoodkBd.ttf);
}
@font-face{        /* B Titr */    /* B Titr */
    font-family: SH-BTitr_text;
    src:url(Fonts/BTitrBd.ttf);
}
.Menufont{
    font-family:SH-BTitr_text;
    font-size:16px;
}
.SubMenufont{
    font-family:SH-BKoodak_text;
    font-size:14px;
}

---

با اون سه قسمت اول (font-face ها) فونت ها رو اضافه می کردم

و اون دو تای آخر هم دو تا کلاس هستن که به متن هام نسبت داده می شدن. (مثلا اون نوشته های زرد رنگ کلاس Menufont داشت و اون سفیدا کلاس Submenufont)

اگه اشکال کد رو بگین ممنون میشم. :n16:

سلام در مرورگر chrome در ستینگ ٬ در قسمت web content گزینه customize font رو انتخاب کنید و encoding رو روی unicode یا همون utf-8 قرار بدید ببینید حل میشه یا خیر

نقل قول:

---

نوشته شده توسط AminRz [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام در مرورگر chrome در ستینگ ٬ در قسمت web content گزینه customize font رو انتخاب کنید و encoding رو روی unicode یا همون utf-8 قرار بدید ببینید حل میشه یا خیر

---

انجام دادم!

تغییری نکرد!

نقل قول:

---

نوشته شده توسط Sadra3010 [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

از Thor God عزیز متشکرم!
مشکل از font-family بود. عوض کردم، درست شد.

من چند دقیقه پیش مرورگر Opera رو هم نصب کردم و IE هم که نصب بود.

نتیجه اجرا صفحه فوق تو این چهار مرور گر اینطوری بود که:

مرورگر های فایرفاکس و IE فونت رو درست نشون میدادن
ولی
مرورگر های Chrome و Opera فونت رو درست نشون نمیدادن

اما کد من برای فونت ها:

کد:

---

@font-face{        /* B Nazanin */    /* B Nazanin */
    font-family: SH-BNazanin_text;
    src:url(Fonts/BNaznnBd.ttf);
}
@font-face{        /* B Koodak */    /* B Koodak */
    font-family: SH-BKoodak_text;
    src:url(Fonts/BKoodkBd.ttf);
}
@font-face{        /* B Titr */    /* B Titr */
    font-family: SH-BTitr_text;
    src:url(Fonts/BTitrBd.ttf);
}
.Menufont{
    font-family:SH-BTitr_text;
    font-size:16px;
}
.SubMenufont{
    font-family:SH-BKoodak_text;
    font-size:14px;
}

---

با اون سه قسمت اول (font-face ها) فونت ها رو اضافه می کردم

و اون دو تای آخر هم دو تا کلاس هستن که به متن هام نسبت داده می شدن. (مثلا اون نوشته های زرد رنگ کلاس Menufont داشت و اون سفیدا کلاس Submenufont)

اگه اشکال کد رو بگین ممنون میشم. :n16:

---

خواهش می کنم

کامل نیست، باید تمام فرمت ها رو فراخونی کنید، به این صورت :

کد:

---

@font-face {
    font-family: 'yekan’;
    src:url('fonts/font.eot?#’) format(‘eot’),   
          url('fonts/font.woff') format('woff'),
          url(‘fonts/font.ttf’) format(‘truetype’);
}

---

برای تبدیل فرمت فونت ها هم از این سایت استفاده کنید : onlinefontconverter.com

موفق باشید