راهنمای گام به گام تغییر فونت؟؟!!

[topmihan 141]

سلام بر دوستان عزیز جومینایی

 

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

بعضی از دوستان افزونه ای به نام فکر کنم ( فوکا فونت ) بودش معرفی کردند

من ازش سر در نیاوردم

بعد گشتم و کد برای سی اس اس 3 یافتم که همین کار رو میکنه

ولی بازم نتونستم تو قالب واسه همه چیز ازش بهره ببرم ( مثل منو )

میشه یکی بیاد و منو کاملا برای تغییر فونت تمام قسمت های سایت ( منو ، تیتر ، متن و ... ) راهنمایی کنه

برای قالب هایی که فریمورک خاصی ندارن و قالب هایی که فریمورکی مثل گانتری ، هلیکس ، وارپ دارن

مشکرم

[m4mali 478]

درود بر شما
این کار چنان دشوار نیست
چندین بار این کار آموزش داده شده. یکبار دیگرهم من می گویم :
1- پرونده (file)هر font باید در پوشه پوسته کارگزاری شود.(copy & past).
2- بایستی font های ویرایش شده ویژه وب به کارگرفته شود.
3- هر مرورگر گونه وِیژه ای از font ها را پشتیبانی می کند. باید برای هر font چند فایل با پسوند گوناگون کارگزاری شود.
4- با به کارگیری دستور  font-face فونت ها را فراخوانی کنید.
5- با شناسایی tag هر بخش از تارنما و با به کارگیری دستور font-family  در css می توانید font هر tag را دگرگون سازید.
نمونه :

@font-face {
font-family:'BYekan';/*تعریف یک نام برای فونت*/
src:url('BYekan.eot');/*اکسپلورر 9 به بعد*/
src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
url('BYekan.eot?#iefix') format('embedded-opentype'),/*ه-ک  برای اکسپلورر 8 و ماقبل*/
url('BYekan.woff') format('woff'),/*مرورگر های جدید*/
url('BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
url('BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
font-style:normal;
font-weight:normal;
}

سپس

p
{
font-family:'BYekan';
}

or

p,h1,h2,h3,li
{
font-family:'BYekan';
}

or

*
{
font-family:'BYekan';
}

[topmihan 141]

درود بر شما

این کار چنان دشوار نیست

چندین بار این کار آموزش داده شده. یکبار دیگرهم من می گویم :

1- پرونده (file)هر font باید در پوشه پوسته کارگزاری شود.(copy & past).

2- بایستی font های ویرایش شده ویژه وب به کارگرفته شود.

3- هر مرورگر گونه وِیژه ای از font ها را پشتیبانی می کند. باید برای هر font چند فایل با پسوند گوناگون کارگزاری شود.

4- با به کارگیری دستور  font-face فونت ها را فراخوانی کنید.

5- با شناسایی tag هر بخش از تارنما و با به کارگیری دستور font-family  در css می توانید font هر tag را دگرگون سازید.

ممنون از پاسخ شما دوست عزیز

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

یه سوال دارم ازتون

مثلا من میام و داخل فایل custom.css این کد استایل رو میذارم

@font-face {
font-family: 'BYekan';
src: url('/fonts/BYekan.eot');
src: local('b BYekan'),
url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}
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{
font-family:BYekan, BYekan, Tahoma, Arial;
}

اینطوری تمام نوشته های موجود در سایتم به فونت یکان نشون داده میشه؟؟؟

اگه در استایل های خود قالب که توسط طراح قبلا نوشته شده فونتی رو به تگی اختصاص داده شده باشه اون کد نادیده گرفته میشه یا این؟؟؟؟

 

بازم  ممنون

[m4mali 478]

هنگامی که چند style برای یک tag باشد در این کشاکش پیروزی با style پسین (آخرین) خواهد بود. هر آینه (البته) که style های inline همیشه برتری دارند.
 
در بییشتر فریمورک ها پرونده custom.css واپسین پرونده ای است که بارگزاری میشود ولی برای آسوده دل شدن و اینکه دستورهای  شما همیشه برتری  داشته باشند باید دستور important را  به کار ببرید.
 
بدین سان :

p
{
font-family:BYekan !important;
}

 

نکته :درباره برتری style ها من همه را خودم با آزمون و بازکرد(تکرار) پی برده ام شاید که نادرست سخن گفته باشم.

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

[topmihan 141]

من این استایل رو برای یه قالب معمولی بکار بردم و کار کرد

حالا در قالبی که از فریمورک گانتری بهره برده میذارم کار نمیده

کسی میتونه راهنمایی کنه؟؟

ممنونم

[m4mali 478]

من این استایل رو برای یه قالب معمولی بکار بردم و کار کرد

حالا در قالبی که از فریمورک گانتری بهره برده میذارم کار نمیده

کسی میتونه راهنمایی کنه؟؟

ممنونم

با firebug بررسی کنید ببینید آیا جایی overwirte شده است.

[topmihan 141]

چیزی به این اسم پیدا نکردم

[m4mali 478]

چیزی به این اسم پیدا نکردم

ببینید. با افزونه firebug که ویژه مرورگر firefox است پوسته را بررسی کنید. ببینید آیا Style ی شما کارگزاری کرده اید بر روی  المان (Element) کارساز بوده است یا نه ؟

و اگر بوده شاید style دیگری روی آن بازنویسی (owerwirte) شده.