رفتن به مطلب
mohsen kian

استفاده از فونت

پست های پیشنهاد شده

توي سايت w3schools.com به بخش css بريد و قسمت css3 fonts رو از سمت چپ انتخاب كنيد

يه كد داره

توي قسمت url بايد آدرس فونت آپلود شده رو بديد و توي بخش font-face بايد اسم فونت رو بديد مثلا BYekan

در ضمن كد بالا رو توي اولين خط template.css قرار بديد.

حالا بايد اين دستور رو توي template.css بنويسيد:

span,p,a,div,ul,li,body,ol

{

font-family="BYekan" !important;

}

ویرایش شده توسط رضا قاسمی

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


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

اگر بازم ديديد جايي فونت مورد نظر نشده آدرس بديد

با سلام

وارد سایت داده شده شدم ولی قسمت url نداره

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


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

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

كد زير رو توي فايل template.css بگذاريد:

@font-face {
    font-family: BYekan;
    src: url(آدرس فونت آپلود شده در سايت);
}
 
span,p,a,div,ul,li,body,ol
{
font-family="BYekan" !important;
}
 

اگر جايي از سايت فونت مورد نظر رو نگرفت لينك بديد

ویرایش شده توسط رضا قاسمی

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


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

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

كد زير رو توي فايل template.css بگذاريد:

@font-face {
    font-family: BYekan;
    src: url(آدرس فونت آپلود شده در سايت);
}
 
span,p,a,div,ul,li,body,ol
{
font-family="BYekan" !important;
}
 

اگر جايي از سايت فونت مورد نظر رو نگرفت لينك بد

با سلام

من از لوکال استفاده می کنم. منظور از url چیه؟ میشه بیشتر راهنمایی کنید

ممنون

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


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

ببينيد شما داخل پوشه اي كه جوملا رو نصب كردي يه فونت بريز

بعد بجاي عبارت :"آدرس فونت آپلود شده در سايت" تو كد بالا آدرس زير رو بزن:

../../اسم فونت

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


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

ببينيد شما داخل پوشه اي كه جوملا رو نصب كردي يه فونت بريز

بعد بجاي عبارت :"آدرس فونت آپلود شده در سايت" تو كد بالا آدرس زير رو بزن:

../../اسم فونت

ببینید کدوم مورد درسته؟

templates\yoo_master\fonts\dastnevis.ttf

 

font\dastnevis.ttf

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


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

دوست عزیز توی پوشه قالبت یه پوشه بساز به اسم fonts فونت های مخصوص وب رو دانلود کن

*****************************لينك ممنوع است*********************

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

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

آدرس فونت یا url هم اینطور میشه مثلا

@font-face
{
font-family: joomlafarsi-bnazanin;
src: url("../fonts/BNazanin.ttf")
    ,url("../fonts/BNazanin.eot"); /  IE9  /
}
ویرایش شده توسط رضا قاسمی
لينك به خارج از تالار

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


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

 

دوست عزیز توی پوشه قالبت یه پوشه بساز به اسم fonts فونت های مخصوص وب رو دانلود کن

http://p30download.com/fa/entry/50551/

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

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

آدرس فونت یا url هم اینطور میشه مثلا

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

با تشکر از شما دوستان

این کد مربوط به پایه قالب من Base.css

/* Copyright © YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
 
@import url(../warp/css/base.css);
 
 
/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/
 
body {
font-family: dast;
font: normal 14px/20px tahoma, Helvetica, sans-serif;
color: #444;
line-height:24px
}
 
a { color: #48b; }
 
a:hover,
em, code { color: #d50; }
 
ins, mark { background-color: #ffa; }
mark { color: #444; }
 
hr { border-top-color: #ddd; }
 
pre {
border: 1px solid #ddd;
background: #fafafa;
}
 
::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }
 
@font-face
{
font-family: Dast;
src: url("../fonts/dastnevis.ttf")
    ,url("../fonts/dastnevis.eot"); /  IE9  /
}
 
کجاش مشکل داره که فونت هام تغییر نمی کنه؟

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


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

شما فايل template.css رو ضميمه كن تا برات انجام بدم فونت دست نويس ميخواي درسته؟

بله درسته 

من در فایل های css مربوط به قالب Template.css ندارم فقط base.css هست که به دلیل اینکه فروم اجازه آپلود بم نمیده برای کپی کردم

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


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

وارد پوشه template شو

وارد پوشه قالب مورد نظر بشو

يه پوشه بساز به نام fonts

داخلش فونت رو بريز كه اسمش dastnevis.ttf بايد باشه

بعد بيا بيرون از پوشه fonts

فايل base.css رو باز كن

برو خط آخر و كد زير رو جايگزاري كن:

@font-face {
    font-family: dastnevis;
    src: url(fonts/dastnevis.ttf);
}
span,p,a,div,ul,li,body,ol
{
font-family="dastnevis" !important;
}

ویرایش شده توسط رضا قاسمی

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


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

وارد پوشه template شو

وارد پوشه قالب مورد نظر بشو

يه پوشه بساز به نام fonts

داخلش فونت رو بريز كه اسمش dastnevis.ttf بايد باشه

بعد بيا بيرون از پوشه fonts

فايل base.css رو باز كن

برو خط آخر و كد زير رو جايگزاري كن:

@font-face {
    font-family: dastnevis;
    src: url(fonts/dastnevis.ttf);
}
span,p,a,div,ul,li,body,ol
{
font-family="dastnevis" !important;
}

بابت همه پاسخاتون ممنون 

متاسفانه جواب نداد این کد فایل base.css

/* Copyright © YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
 
@import url(../warp/css/base.css);
 
 
/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/
 
body {
 
font: normal 14px/20px tahoma, Helvetica, sans-serif;
color: #444;
line-height:24px
}
 
a { color: #48b; }
 
a:hover,
em, code { color: #d50; }
 
ins, mark { background-color: #ffa; }
mark { color: #444; }
 
hr { border-top-color: #ddd; }
 
pre {
border: 1px solid #ddd;
background: #fafafa;
}
 
::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }
 
@font-face {
    font-family: DastNevis;
    src: url(fonts/DastNevis.ttf);
}
 
span,p,a,div,ul,li,body,ol
 
{
 
font-family="DastNevis" !important;
 
}

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


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

منم حواس ندارم تو css بجاي : ، = گذاشتم كد زير رو بگذاريد:

@font-face {    font-family: DastNevis;    src: url(fonts/DastNevis.ttf);} span,p,a,div,ul,li,body,ol,h1,h2,h3,h4,h5,h6 { font-family:"DastNevis" !important;}
تو آدرس زير تست كردم ميتونيد ببينيد:
ویرایش شده توسط رضا قاسمی

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


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

 

منم حواس ندارم تو css بجاي : ، = گذاشتم كد زير رو بگذاريد:

@font-face {    font-family: DastNevis;    src: url(fonts/DastNevis.ttf);} span,p,a,div,ul,li,body,ol,h1,h2,h3,h4,h5,h6 { font-family:"DastNevis" !important;}
تو آدرس زير تست كردم ميتونيد ببينيد:

 

این و تو base.css کپی کردید؟

من چرا نمی تونم. میشه لطف کنید کدهای Base.css که استفاده کردید و کپی کنید

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


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

خير توي menus.css كپي كردم:

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */@import url(../warp/css/menus.css);
@font-face {

    font-family: DastNevis;

    src: url(fonts/DastNevis.ttf);

}
span,p,a,div,ul,li,body,ol,h1,h2,h3,h4,h5,h6 { font-family:"Dast Nevis" !important; }/* Mega Drop-Down Menu----------------------------------------------------------------------------------------------------*//* Level 1 */.menu-dropdown { margin-bottom: -10px; }.menu-dropdown li.level1 {  margin-right: 10px;  padding-bottom: 10px;}.menu-dropdown a.level1,.menu-dropdown span.level1 {  border: 1px solid #DDD;  color: #444;}/* Set Active */.menu-dropdown li.active .level1 { color: #48b; }/* Set Hover */.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 { color: #d50; }/* Drop-Down */.menu-dropdown .dropdown {  top: 42px;  border-top: 1px solid #DDD;}.menu-dropdown .dropdown-bg > div {  padding: 0 5px;  border: 1px solid #ddd;  border-top: none;  background: #fff;}/* Level 2 */.menu-dropdown li.level2 {   margin: 0 5px;  border-top: 1px solid #ddd;}.menu-dropdown li.level2:first-child { border: none; }.menu-dropdown a.level2,.menu-dropdown span.level2 { color: #444; }/* Set Hover */.menu-dropdown a.level2:hover { color: #d50; }/* Set Current */.menu-dropdown a.current.level2 { font-weight: bold; } /* Set Hover */.menu-dropdown a.level3:hover { color: #d50; }/* Set Current */.menu-dropdown a.current.level3 { font-weight: bold; } /* Sidebar/Accordion Menu----------------------------------------------------------------------------------------------------*//* Link */.menu-sidebar a,.menu-sidebar li > span { color: #444; }/* Hover */.menu-sidebar a:hover,.menu-sidebar li > span:hover { color: #d50; }/* Current */.menu-sidebar a.current { font-weight: bold; }/* Level 1 */.menu-sidebar li.level1 { border-top: 1px solid #ddd; }.menu-sidebar li.level1:first-child { border-top: none; }.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }/* Level 2-4 */.menu-sidebar ul.level2 ul { padding-left: 10px; }/* Line Menu----------------------------------------------------------------------------------------------------*/.menu-line li {  margin-left: 7px;  padding-left: 8px;  background: url(../images/menu_line_item.png) 0 50% no-repeat;}.menu-line li:first-child {  margin-left: 0;  padding-left: 0;  background: none;}
ویرایش شده توسط رضا قاسمی

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


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

 

خير توي menus.css كپي كردم:

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */@import url(../warp/css/menus.css);@font-face {
    font-family: DastNevis;
    src: url(fonts/DastNevis.ttf);
}span,p,a,div,ul,li,body,ol,h1,h2,h3,h4,h5,h6 { font-family:"Dast Nevis" !important; }/* Mega Drop-Down Menu----------------------------------------------------------------------------------------------------*//* Level 1 */.menu-dropdown { margin-bottom: -10px; }.menu-dropdown li.level1 {  margin-right: 10px;  padding-bottom: 10px;}.menu-dropdown a.level1,.menu-dropdown span.level1 {  border: 1px solid #DDD;  color: #444;}/* Set Active */.menu-dropdown li.active .level1 { color: #48b; }/* Set Hover */.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 { color: #d50; }/* Drop-Down */.menu-dropdown .dropdown {  top: 42px;  border-top: 1px solid #DDD;}.menu-dropdown .dropdown-bg > div {  padding: 0 5px;  border: 1px solid #ddd;  border-top: none;  background: #fff;}/* Level 2 */.menu-dropdown li.level2 {   margin: 0 5px;  border-top: 1px solid #ddd;}.menu-dropdown li.level2:first-child { border: none; }.menu-dropdown a.level2,.menu-dropdown span.level2 { color: #444; }/* Set Hover */.menu-dropdown a.level2:hover { color: #d50; }/* Set Current */.menu-dropdown a.current.level2 { font-weight: bold; } /* Set Hover */.menu-dropdown a.level3:hover { color: #d50; }/* Set Current */.menu-dropdown a.current.level3 { font-weight: bold; } /* Sidebar/Accordion Menu----------------------------------------------------------------------------------------------------*//* Link */.menu-sidebar a,.menu-sidebar li > span { color: #444; }/* Hover */.menu-sidebar a:hover,.menu-sidebar li > span:hover { color: #d50; }/* Current */.menu-sidebar a.current { font-weight: bold; }/* Level 1 */.menu-sidebar li.level1 { border-top: 1px solid #ddd; }.menu-sidebar li.level1:first-child { border-top: none; }.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }/* Level 2-4 */.menu-sidebar ul.level2 ul { padding-left: 10px; }/* Line Menu----------------------------------------------------------------------------------------------------*/.menu-line li {  margin-left: 7px;  padding-left: 8px;  background: url(../images/menu_line_item.png) 0 50% no-repeat;}.menu-line li:first-child {  margin-left: 0;  padding-left: 0;  background: none;}

خدا خیرت بده 

فقط چرا تو menus.css

اگر بخوام برای ماژول خاصی این کارو بکنم هم به همین روشه؟

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


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

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...