راهنمایی در مورد نوشتن یه صفحه ساده html

۰

فرض کنید می‌خوام یه صفحه ساده html به نام index.html درست کنم که توش فقط جمله «یک صفحه نمونه» باشه؛ منتها با این شرط که فونت کلمه «صفحه»، هما باشه. در ضمن، فرض کنید که من فونت BHoma.ttf و BHoma.eot رو توی یه پوشه به اسم fonts توی Public_html آپلود کردم (فونت از روی هاست باید فراخوانی بشه).

پ.ن: من این سوال رو قبلاً اینجا پرسیدم و با وجود اینکه چندین بار گفتم میخوام فونت از روی هاست فراخوانی بشه، اما دوستان فقط می‌گفتن اینجوری کن، اونجوری کن، بهش آدرس بده، برو اول مبانی رو یاد بگیر و ... خواهشی که این بار دارم اینه که اولا کاربر محترم esmaeil۳ به سوالم جواب ندن (چون ایشون خیلی بلدن و این جور سوالها برشون پیش پا افتاده‌س) و دوماً هر کدوم از کاربران عزیز که میخواد جواب بده، کامل جواب بده و شروع به نصیحت کردن نکنه.

لطف کنید سوالات تکراری هم نپرسید. اگر صبر میکردید بنده در همون سوال پاسخ شما رو میدادم. فقط کمی صبر کنید تا بنده سوال رو ببینم. - 2hamed - ۱۱:۵۲ - ۱۳۹۱/۰۴/۲۴
انصراف

۱  پاسخ

۴

کد زیر برای کاری که شما میخواهید انجام بدید، کافیست. فونت مورد نظر باید در کنار فایل index.html و در پوشه fonts قرار بگیره. برای اطمینان از نمایش فونت در مرورگرهای مختلف، بهتره فونت خودتون در سه فرمت ttf, eot و woff قرار بدید.

<!DOCTYPE html>
<html>
    <head>
        <title>Sample Page</title>
        <style>
            @font-face {
                font-family: "BHoma";
                src: url("fonts/BHoma.eot?#") format("eot"), 
                        url("fonts/BHoma.woff") format("woff"), 
                        url("fonts/BHoma.ttf") format("truetype");
            }
            div.myFont{
                font-family: BHoma;
            }
        </style>
    </head>
    <body>
        <div class="myFont">این یک نوشته نمونه است.</div>
    </body>
</html>

امیدوارم این پاسخ به اندازه کافی کامل بوده باشه.

ممنون از جواب‌تون. یه سوال: اگه فایل index.html کنار پوشه fonts نباشه، چی؟ چه تغییری باید توی کد شما بدم؟ می‌خوام که فایل index.html توی پوشه public_html باشه. - - solaleh - ۱۰:۵۱ - ۱۳۹۱/۰۴/۲۵
در حدود خط هشتم اگر دقت کنید، میبینید که در سه خط موالی سه آدرس برای سه فرمت فونت تعیین کردیم. میتونید آدرس رو جلوی عبارت url تغییر بدید. دقت داشته باشید که این آدرس نسبت به فایل index.html در نظر گرفته میشه. - 2hamed - ۱۲:۴۰ - ۱۳۹۱/۰۴/۲۵
انصراف
انصراف