این خط کد css یعنی چی؟

o_real_love

Well-Known Member
سلام به همه
می خوام بدونم کسی سر در میاره این خط کد یعنی چی؟
HTML:
@font-face {
font-family: "BBCNassim";
src: url("http://www.bbc.co.uk/worldservice/fonts/persian/nassim/bbc-nassim-regular.eot");
src: local("☺"),
url("http://www.bbc.co.uk/worldservice/fonts/persian/nassim/bbc-nassim-regular.woff") format("woff"),
url("/worldservice/fonts/persian/nassim/bbc-nassim-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
فکر کنم این کد فونت صفحه رو تنظیم میکنه
فقط می خوام اگر کسی متوجه میشه توضیح بده تا ما هم بتونیم استفاده کنیم
عکسی رو پیوست کردم
 

پیوست ها

  • Untitled.png
    Untitled.png
    120 کیلوبایت · بازدیدها: 19
آخرین ویرایش:

Milad

Well-Known Member
اینجا یک قانون تعیین شده که هرجا از فونت BBCNassim استفاده شد ، فونت رو از مکان های تعیین شده روی سیستم کاربر لود کنه ... :rose:
 

o_real_love

Well-Known Member
خوب حالا اگه این فونت روی سیستم کاربر نبود چیکار میکنه؟
فکر کنم خودش یه جورایی نصب میکنه !!!
البته نصب که نه از روی سرور خودش استفاده میکنه درسته؟
در ضمن اینجا به 3 تا فایل اشاره شده : bbc-nassim-regular.woff ، bbc-nassim-regular.eot و bbc-nassim-regular.ttf که فکر کنم برای نمایش صحیح به این 3 تا نیاز باشه درسته؟؟
لطفا دقیقا راهنمایی کنید تا اگه ممکن باشه بتونیم توی طراحی هامون ازش استفاده کنیم
:rose:
 
آخرین ویرایش:

saeid223

New Member
خوب حالا اگه این فونت روی سیستم کاربر نبود چیکار میکنه؟
فکر کنم خودش یه جورایی نصب میکنه !!!
البته نصب که نه از روی سرور خودش استفاده میکنه درسته؟
در ضمن اینجا به 3 تا فایل اشاره شده : bbc-nassim-regular.woff ، bbc-nassim-regular.eot و bbc-nassim-regular.ttf که فکر کنم برای نمایش صحیح به این 3 تا نیاز باشه درسته؟؟
لطفا دقیقا راهنمایی کنید تا اگه ممکن باشه بتونیم توی طراحی هامون ازش استفاده کنیم
:rose:

با اجازه ی بزرگترها، و استاد عزیز ریل لاو
این است قدرت CSS3 :shock:
اینجا رو نگاه کنید:
http://www.css3maker.com/index.html
بنده هم با نظر بقیه موافقم فونت ها مورد استفاده روی سیستم کاربر قرار می گیره
ببینید شمایید که بنا به نیاز از چند نوع فرمت استفاده می کنید که در هر حقیقت همگی یک فونت با سه فرمت مختلف برای استفاده در مرورگرهای مختلف است
اما در حالت کلی به خاطر ساز مخالف زدن اینترنت اکسپلورر مجبور به قرار دادن فرمت eot برای نمایش فونت در اینترنت اکسپلورر هستید
 

o_real_love

Well-Known Member
درود
خیلی ممنون از شما دوست عزیز
خب متوجه شدم
حالا چجوری این فایل ها رو ایجاد کنیم و بسازیم؟؟؟؟
بخش مهم همینه
 

saeid223

New Member
درود
خیلی ممنون از شما دوست عزیز
خب متوجه شدم
حالا چجوری این فایل ها رو ایجاد کنیم و بسازیم؟؟؟؟
بخش مهم همینه

خواهش میکنم
آهان حالا رسیدیم سر اصل موضوع:oops:
اینجا رو هم یه مطالعه کنید دیگه همه چی حله:
http://wiki.joomfa.org/main/همه_چیز_درباره_ی_فونت_در_قالبهای_جوملایی

باز سوالی بود منو بقیه در خدمتیم:rose:
 

saeid223

New Member
این که اصلا باز نمیشه؟؟؟

بله حق با شماس
مثکه این سایت پوکیده
خب با اجازه من خودم میگم
برای تبدیل فایل های فونت معمول ویندوز که ttf هستن به eot و woff می تونید از دو سایت زیر کمک بگیرید و بعد فونت های ساخته شده رو در محل مورد نظر قرار بدیدو حالشو ببرید:
http://www.kirsle.net/wizards/ttf2eot.cgi
http://www.font2web.com

:cool:
ضمن آنکه:
http://www.pcpedia.ir/ViewArticle.aspx?ID=285
پس اون طور که علمم قد میده، نتیجه میشه استفاده از دو فرمت eot و woff کافی هست
 

o_real_love

Well-Known Member
COOL!
خیلی ممنون از شما دوست گرامی
راستی شما اطلاعاتی در مورد فریم ورک های css دارین؟
مثل 360 grid system یا blue print?
 

saeid223

New Member
COOL!
خیلی ممنون از شما دوست گرامی
راستی شما اطلاعاتی در مورد فریم ورک های css دارین؟
مثل 360 grid system یا blue print?

بله، اطلاعاتی دارم
زیاد دنبالش نرفتم! با یک جستجوی ساده تو گوگل میشه منابع زیادی در این مورد پیدا کرد
پس ترجیح میدم زیاد از خودم چیزی نگم یا متنی رو الکی کپی برداری نکنم:rose:
 

o_real_love

Well-Known Member
ممنون
اخه من تا بحال آموزشی به زبان فارسی پیدا نکردم
اگر شما اطلاعاتی اموزشی دارین ممنون میشم اینجا یا توی یک پست جدید بزارین
با تشکر
 

saeid223

New Member
ممنون
اخه من تا بحال آموزشی به زبان فارسی پیدا نکردم
اگر شما اطلاعاتی اموزشی دارین ممنون میشم اینجا یا توی یک پست جدید بزارین
با تشکر

آموزش خاصی نمیخواد
یک نمونه ببنید:
http://www.monaseb.com/magazine-internet/internet-webmasters/595-introduction-of-css-framework
ضمن آنکه یک توضیح کوتاه هم خودم بدم
مثلا شما یک زمانی می خواهید قالب سایتتون با بیشتر مرورگرها سازگار بشه
اونوقت شما میاید با تعریف یک فریم ورک شخصی برای خودتون اون قالبو استاندارد میکنید
که اگه زمانی css قالب شما استاندارد نبود مثلا میاید از فریم ورک های استاندارد کردن css که به نام reset.css معروف است برای سازگار کردن قالبتون استفاده میکنید. (نمی دونم تونستم درست و واضح توضیح بدم یا نه)
فریم ورک های yaml یا blue print چیزی نیستن جز استاندارد سازی نوشتن css
بهتره با نگاه کردن به ساختار css قالب های طراحی شده حرفه ای این فریم ورک نویسی رو یاد بگیرید
یک نمونه ش اینه
مثلا شما میاید تگ <h3> رو برای استاندارد سازی در اول فایل استایلتون تعریف می کنید مثه این:
کد:
h3{
    font-size: 19px;
    color: #363636;
    padding: 7px 0 5px;
}
 
آخرین ویرایش:

echessdesign

مدیر انجمن طراحی وب
کد:
اینجا یک قانون تعیین شده که هرجا از فونت BBCNassim استفاده شد ، فونت رو از مکان های تعیین شده روی سیستم کاربر لود کنه
ارادت میلا د جان، از روی سیستم کاربر لود نمیکنه، بلکه از مسیر مشخص شده از روی سرور لود میکنه...
 

جدیدترین ارسال ها

بالا