hamed.m

تغییر فونت قالب

28 پست در این موضوع قرار دارد

سلام وسخته نباشید من یه قالبی رو دانلود کردن توش یه پوشه فونت بود میخوام فونت های استاندازد فارسی بجاشون استفاده کنم چطور میشه اینارو تغییر داده؟

v3218_alignright2x.png

به اشتراک گذاری این پست


لینک به پست

سلام

خب فونت هایی که میخوای رو قرار بده تو اون پوشه

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


@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */
url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

بعد هر جا خواستی استفاده کنی مثلا میزاری :


font:normal 13px Byekan;
یا
font-family:Byekan;

به اشتراک گذاری این پست


لینک به پست

دنبال همچین کدی در فایل style.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;
}

و تغییرات لازم رو انجام دهید.

قبل از ایجاد تاپیک‌جستجو بکنید.

به اشتراک گذاری این پست


لینک به پست

توضیح کامل و جامع همراه فونت های فارسی استاندارد وب در :


http://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6

به اشتراک گذاری این پست


لینک به پست

اگه مثل من مبتدی هستید، قالب رو نصب و افزونه فایرباگ رو روی مرورگرتون نصب کنید، بعد هرجایی که می خواهید فونتش رو تغییر بدید روش کلیک راست کنید و اون گزینه فایرباگ رو بزنید تا کلاس مربوطه رو نشون بده، بعد فونت همون فسمت رو توی استایل عوض کنید، اینطوری فک کنیم راحتید (البته یادتون نره فونت ها رو با font-face همونطور که دوستان گفتند فراخوانی کنید)

به اشتراک گذاری این پست


لینک به پست

سلام دوستان

من يك قالب دارم يك علاوه بر فايلهاي اصلي يك پوشه css هم داره

حالا مشكل من اينه كه طبق آموزش فونت مورد نظرم رو توي پوشه ريختم و تو استايل هم گذاشتم ولي جايي كه فونت رو عوض ميكنم برميگرده به همون آريال اوليه

اينم ابتداي فايل استايله:



@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;

به اشتراک گذاری این پست


لینک به پست

@mohsen90002

کد رو کجا قرار دادید؟

کدی دیده نمیشود، نحوه استفاده چگونه است

به اشتراک گذاری این پست


لینک به پست

ممنون

من كد رو به اين صورت گذاشتم:


other css files inport
________________________________________________________________________________________________________________ */

@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

به اشتراک گذاری این پست


لینک به پست

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


font-family: Arial, Helvetica, sans-serif;

در چند خط بالاتر از تعریفی که گذاشتید بنویسید


font-family: 'BFarnaz';

به اشتراک گذاری این پست


لینک به پست

ممنون از لطف شما

اگر بخوام قسمت هاي خاصي اين فونت رو داشته باشه ، بايد چطور اين كلاس يا اي دي رو تعريف كنم؟

به اشتراک گذاری این پست


لینک به پست

درود مجدد

غير از سوال بالا

من الان به اين صورت كد رو گذاشتم ،اما فونت ها بازم همونطوره:


body {
color: #A29C9A;
font-family: 'BFarnaz';
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

ویرایش شده در توسط mohsen90002

به اشتراک گذاری این پست


لینک به پست

شما باید کل کدهای css را بخونید (فونت ها به طور معمول در


css/typography.css'

درست می شند )

و هرجا font یا font-family مقدار داشت مقدارش را با "BFarnaz" عوض کنید

به اشتراک گذاری این پست


لینک به پست

دوستان ببخشيد اين درست نميشه:

الان من اول استايل اين كد farnaz رو به اين صورت اضافه كردم:


@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

بعدش رفتم تو همون استايل جايي كه فونت نوشته تو تماس با ما رو تغيير ميدن اينطوري تغيير دادم:


#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz';
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}

ولي برميكرده به فونت آريال ،

اما اگر به جاش tahoma بزارم، تاهوما ميشه.

مشكلم كجاست؟

به اشتراک گذاری این پست


لینک به پست

من متوجه منظورتون از برمی گرده نمی شم یعنی اول فرنازه بعد می شه اریال یا اصلا فرناز را نمی شناسه ؟

اگر حالت اوله باید در کدهای jquery دنبال کد تغییر فونت بود کدی شبیه به


$('p').css('fontFamily', 'Arial');

به اشتراک گذاری این پست


لینک به پست

سایت آنلاینه؟

جایی که این استایل را قرار می دهید حتما باید فایل style.css و (فایلی که کدهای اولی را گذاشته بودید) باشد

فونت های شما در داخل پوشه ی fonts که در روت قالب قرار داره (کنار فایل style.css) قرار دارند؟

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

اگر از این لحاظ ها مطمئن هستید

در مرحله اول کد را به این صورت تغییر بدید


#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz' !important;
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}

و تست کنید اگر به نتیجه نرسیدید

کدهای سری اول را به اینصورت تغییر بدید


@font-face {
font-family: 'BFarnaz';
src: url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

و به همراه کدهای قبلی در footer.php و درست قبل از بسته شدن تگ بادی بگذارید یعنی آخرین خطو ط footer.phpمی شود


<style type="text/css">
#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz' !important;
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}
@font-face {
font-family: 'BFarnaz';
src: url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
</style>
</body>
</html>

و تست بگیرید و نتیجه را بگید

به اشتراک گذاری این پست


لینک به پست

درود مجدد و سپاس فراوان

من يك قالب دارم كه توش فايل style.css داره و كنار اون فايل پوشه فونت هست

و فونت ها رو دقيقا به همين استايل اضافه كردم

از اين بايت چك كردم

كد جديدي كه داديد گذاشتم، اما بازم همونطوره

روش دوم كه گفتيد من كد اولي رو تو استايل به همون شكل تغيير دادم اما دقيقا نميفهمم تو فوتر اين كد رو بايد كجا بزارم؟

اين كل محتويات فوتر هست:


</div>
<div class="trigger_container1">
<span class="trigger1"></span>
<div class="toggle_container1">
<div class="twitter_feeds">
<?php
wp_enqueue_script("jquery_easing");
// Start Footer Twitter
$footer_twitter_username=get_option('footer_twitter');
if($footer_twitter_username)
{

echo parse_cache_feed($footer_twitter_username,'1');

}
// End Footer Twitter
?>
</div>

</div>
</div>
<?php if(get_option('footer_disable')!="true") {?>
<footer>
<?php get_template_part('lib/includes/bottom_footer_section'); ?>
</footer>
<?php } ?>

<div class="footer">
<div class="one_half">
<div class="copyright">
<p><?php echo get_option('kaya_footercopyright') ? get_option('kaya_footercopyright') :'Copyright © 2012. All rights reserved.'; ?></p>
</div>
</div>
<div class="one_half_last">
<div class="footer_menu">
<?php if(!function_exists('dynamic_sidebar')|| !dynamic_sidebar('bottom_footer_right_section')) :?>
<?php

if ( has_nav_menu('secondary') ) {
// User has assigned menu to this location;
// output it
wp_nav_menu( array(
'theme_location' => 'secondary',
'menu_class' => 'nav',
'container' => ''
) );
}

//wp_nav_menu(array('menu_class' => 'footermenu', 'theme_location' => 'secondary'));
?></div>
<?php endif ?>
</div>
</div>

</div>
<p id="back-top">
<a href="#top"><span></span></a>
</p>
<div class="clear"></div>
<?php $kaya_google_analytics=get_option('kaya_google_analytics');
if ($kaya_google_analytics) {
echo stripslashes($kaya_google_analytics);
} else { ?>
<?php } ?>
<?php wp_footer(); ?>
</body>

به اشتراک گذاری این پست


لینک به پست

اگر منظورتون قالب فعلی سایته

این قالب پوشه ای به نام fonts نداره یک پوشه داره که نامش font است اونرا به fonts تغییر دهید

و فونتهای فرناز(با سه پسوند مختلف) را در آن آپلود کنید

به اشتراک گذاری این پست


لینک به پست

استاد گرامي بسيار سپاسگذارم

عمليات انجام شد با تعويض font به fonts

حالا يه سوال كوچيك ديگه دارم اونم اينكه اول به جاي اينكه s اضافه كنم به فولدر font اومدم اون s رو از تو دستور برداشتم به اين صورت:

اما عمل نكرد ، چرا؟

url('<?php bloginfo('template_url'); ?>/font/BFarnaz.woff')

به اشتراک گذاری این پست


لینک به پست

داخل فایل css نمیتوانید php بنویسید

این رو حذف کنید

<?php bloginfo('template_url'); ?>

به اشتراک گذاری این پست


لینک به پست

سلام دوستان...

من از فونت فیس برای تغییر فونت توی index و single و page استفاده کردم. این جوری:


<style type="text/css">
@font-face {
font-family: 'BKoodakBold';
src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */ url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */ url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.txt_top_sidebar {
font-family: BKoodakBold, Tahoma, Geneva, sans-serif;
}
</style>

و اونارو توی سی اس اس فراخوانی کردم، فونت ها در صفحه ی اصلی سایت تغییر میکنن (index) ولی نمیدونم چرا وقتی میرم ادامه مطلب یا وارد یکی از صفحات سایتم میشم فونت ها هیچ تغییری نمیکنن! مشکل کجاست؟!

به اشتراک گذاری این پست


لینک به پست

سلام

به انجمن خوش اومدین دوست عزیز

تغییر میکنن یعنی چطور میشن؟

میتونید آدرس بدید؟

به اشتراک گذاری این پست


لینک به پست

سلام

به انجمن خوش اومدین دوست عزیز

تغییر میکنن یعنی چطور میشن؟

میتونید آدرس بدید؟

سلام مدیر جون B)

یعنی تو صفحه ی اصلی سایت فونت های بخش سایدبار و عنوان مطالب به BKoodakBold و BYekan تغییر میکنن. اما وقتی وارد صفحات سایت میشم یا به ادامه مطلب میرم فونت ها تغییر نمیکنن و تاهما میشن! :huh:

کدهای قبلی رو توی single.php و page.php هم قرار دادم. اما اون کلاس آخر یعنی کلاس txt_top_sidebar رو نادیده بگیرید چون اونارو توی سی اس اس فراخوانی کردم.

در ضمن نمیدونم چرا وقتی فونت فیس رو توی سی اس اس میزارم نمیشناسه یعنی اصلا فونت ها تغییر نمیکنه؟! :mellow:

تازه وقتی اعمال تغییر فونت رو روی localhost امتحان میکنم همه چی درسته ولی تو سایت اینجوری میشه! :mellow:

اینم آدرس: selenagomez-news.tk :D

ویرایش شده در توسط Phoenix

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری