تغییر فونت و سایز آن

[mar.yam 1]

سلام.

هر کار می کنم فونت قالبم عوض نمی شه؟!

نه فونتش و نه سایزش!!!

این کد رو نوشتم:

@font-face { font-family: joomlafarsi-Tahoma; src: url("../fonts/Tahoma.ttf")     ,url("../fonts/Tahoma.eot"); }

و در نگ body هم این جوری نوشتم:

  font-size: normal; 
font-family:"Tahoma", joomlafarsi-Tahoma;

اندازشو هم به درصد دادم و هم به پیکسل ولی بازم اصلا تغییر نکرد!

آیا مشکل از مرورگرمه؟ چون در فایر فاکس یه جور نشون می ده و در کروم یه جور دیگه!

[سعید حمزه زاده 104]

فونت تاهوما نیازی به معرفی فایل فونت نداره!

کافیست font-family:tahoma; رو استفاده کنید

ممکنه مشکل از کش مرورگرتون باشه

یا علی

[mar.yam 1]

خب یعنی باید چیکار کنم الان؟!

بعدم من تاهوما رو مثال زدم, فونتای دیگه مد نظرم هس.

[حسینی پارسا 557]

سلام.

هر کار می کنم فونت قالبم عوض نمی شه؟!

نه فونتش و نه سایزش!!!

این کد رو نوشتم:

@font-face { font-family: joomlafarsi-Tahoma; src: url("../fonts/Tahoma.ttf")     ,url("../fonts/Tahoma.eot"); }

درود

خب ایم خط که اشکال داره، درستش می شه این:

@font-face { font-family: Tahoma; src: url("../fonts/Tahoma.ttf")     ,url("../fonts/Tahoma.eot"); }

دو اینکه آیا فوت ها رو در پوشه ی fonts در روت قالب آپلود کردید؟

و در نگ body هم این جوری نوشتم:

  font-size: normal; 
font-family:"Tahoma", joomlafarsi-Tahoma;

اندازشو هم به درصد دادم و هم به پیکسل ولی بازم اصلا تغییر نکرد!

آیا مشکل از مرورگرمه؟ چون در فایر فاکس یه جور نشون می ده و در کروم یه جور دیگه!

در اینجا هم شما دو فونت تعریف کردید، یکی تاهو، و دیگری جوملافارسی-تاهوها که فونت دوم به نظر اشتباه ست. اولویت رو هم روی فونت تاهوما قرار دادید.

سایز فونت رو هم فرمودید نرمال، جای نرمال سایز مد نظر رو به پیکسل قرار دهید، مثال:

font-size: 12px

ضمن اینکه رفرنس های بسیاری در مورد معرفی فونت های نمایشی وجود دارد که با جستجو پیدا می کنید.

یاعلی

[mar.yam 1]

ممنون. کارایی که گفتین رو انجام دادم ولی بازم تغییری نکرد!!

داخل پوشه fonts در روت , باید فونت هایی رو که می خوام قرار بدم دیگه , درسته؟!!

[فرحزادیان 947]

با سلام

بعد از اعمال تغییرات کش رو هم خالی کنید و مجدد بررسی و نتیجه را اعلام کنید

موفق باشید

[حسینی پارسا 557]

ممنون. کارایی که گفتین رو انجام دادم ولی بازم تغییری نکرد!!

داخل پوشه fonts در روت ' date=' باید فونت هایی رو که می خوام قرار بدم دیگه , درسته؟!!

[/quote']

درود

منظور روت قالب هست. فوت ها رو پوشه ای با نام Fonts در پوشه ی قالبی که استفاده می کنید قرار دهید.

در ضمن فرمت فونت در وب متفاوت است. فونت های مخصوص وب رو دریافت کنید.

نمونه فونت:

http://takapouco.com/dll/do.php?filename=font-web.zip

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

@font-face {
font-family: B Mitra;
src: url('../fonts/BMitra.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/BMitra.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/BMitra.woff') format('woff'), /* Modern Browsers */
url('../fonts/BMitra.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/BMitra.svg#svgBMitra') format('svg'); /* Legacy iOS */
}

یاعلی

[mar.yam 1]

این کدی که نوشتین یعنی در IE و کروم و .. باید فونتش bmitra باشه؟؟؟

خب من اول کش مرورگر رو پاک کردم و عین کد شما رو کپی کردم ولی در هر مرورگر یه جور نشون می ده!

[مصطفی صفرعلی 2,891]

با سلام

کدی که آقای پارسا تو پست شماره 7 قرار دادند حالت کلی برای تمام مرورگرها میباشد

اگر به کامنتهای هر خط توجه کنید مشخص هستش که هر فونت با پسوند متفاوت در کدام مرورگر کاربرد دارند

مثلا فونت با پسوند eot فقط در مرورگر IE9 نمایش داده میشود

فونتهای با پسوند ?eot فقط در IE6 تا IE8 نمایش داده میشوند

فونتهای با پسوند woff در مرورگرهای مدرن همچون موزیلا فایرفاکس ، گوگل کروم و ... نمایش داده میشوند

و باقی پسوند ها هم به همین ترتیب در مرورگرهای مخصوص خودشان قابل نمایشند

یه نکته رو هم همینجا بگم که font-face به تنهایی کاربردی نداره !

این خاصیت font-family میباشد که فونتی را به تگی اعمال میکند

مثلا" اگر شما font-face را به این صورت تعریف کنید :

@font-face {
   font-family: 'B Mitra';
   src: url('../fonts/BMitra.woff') format('woff'); /* Modern Browsers */
}

و برای تگ body نیز بطور مثال چنین کدی را تعریف کنید:

body {
   font-family: 'b mitra', tahoma, arial;
}

فونتهایی که به تگ body معرفی شده اند ، در مرورگرهای مدرن از فونت b mitra استفاده میشه و در سایر مرورگرها از فونت tahoma و اگر کاربر فونت tahoma رو هم نداشت فونت arial نمایش داده میشه

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

باور کنین دقیقا همین طوری نوشتم ولی بازم در فایر فاکس یه جور نمایش می ده و در کروم یه جور دیگه!

یه چیز دیگه و اونم اینکه!

قالبمو خودم طراحی کردم آیا امکانش هس که چیزی رو از قلم انداخته باشم و به خاطر اون باشه که هر کار می کنم درست نمی شه؟!

[مصطفی صفرعلی 2,891]

با سلام

دموی آنلاین بدید تا بهتر بتونیم کمک کنیم

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

بفرمایین:

http://asooneh.ir/

[مصطفی صفرعلی 2,891]

با سلام

بفرمایید که :

آیا پوشه fonts را بصورت زیر ایجاد کرده اید ؟

templates/akhari/fonts

اگر بله ، در داخل آن چه فایلهایی را قرار داده اید ؟ اسامی آنها را ذکر کنید

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

ممنونم بابت پیگیری تون.

بله. دقیقا همون فایلی که جناب حسینی پارسا فرستاده بودن (صفحه قبل)

[مصطفی صفرعلی 2,891]

با سلام

font-face را بصورت زیر تعریف کنید

@font-face {
   font-family: 'B Mitra';
src: url("../fonts/BMitra.eot");
src: local('B Mitra'), local('BMitra'),
      url("../fonts/BMitra.ttf") format("truetype"),
      url("../fonts/BMitra.woff") format("woff");
}

پس از این به فرض برای تگ body میتوانید چنین فونتی را تعریف کنید

body {
   font-family: 'b mitra', tahoma, arial;
}

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

بازم کار نکرد!

[mrgh 17]

سلام

به نظر میرسه شده!

ctrl+ F5 بزنید و دوباره ببینید

با احترام

[مصطفی صفرعلی 2,891]

با سلام

اینطور که پیداست شما از فوکافونت استفاده میکنید و فونت BTehran را به تگ body اعمال کرده !

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

نه آقای صفر علی! وقتی دیدم جواب نمی ده رفتم سراغ فوکا فونت!

الان فوکا فونت کار نمی کنه, ببینین بازم فونتش مشکل داره!

[مصطفی صفرعلی 2,891]

با سلام

بله الان دیگه اثری از فوکا فونت نیست

منتهی شما الان فونت رو به آی دی body اعمال کردید نه خود تگ body !

در همون مسیر templates/akhari/css/style.css بعد از فونت فیسی که در ابتدا تعریف کردید این کد را وارد کنید خواهید دید که حتی اعداد قسمت آمارتون هم فارسی خواهد شد

body {
   font-family: 'b mitra',tahoma,arial;
}

البته لزومی نداره که فونت را حتما به تگ body اعمال کنید میتونید به هر قسمتی از سایتتون که خواستید فونت رو بهش اعمال کنید

ولی اگر میخواهید در کل سایت استفاده بشه در تگ body وارد کنید

پس از اعمال تغییرات Ctrl+F5 را بزنید

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

خیلی ممنونم. بله درست شد بالاخره!

بازم ممنون بابت پیگیری تون.