تۆ لێرەیت

ماڵەوە سه‌‌کۆ کۆدکردن

چۆنیەتی هەناردەکردن فۆنت لە HTML,CSS

arastooabbasi

Arastooabbasi

بڵاوکراوەتەوە

2015/02/22

دۆخی بوچوون

کراوەیە

ڕەنگە هەموو کات کێشەی ئەوەتان ببێت کە بتانەوێت جگە لە فۆنتی تاهۆما و ئێریاڵ فۆنتی تریش لە ماڵپەڕەکەیان بەکاربهێنن، بەس کێشەیێک کە لە ئەم شتە هەیە ئەوەیە کە لە سەر کۆمپیوتەری بەرانبەر ئەو فۆنتەی وا دەتهەوێت هەبێت بۆ وێنە : هەگە دەتهەوێت ماڵپەڕەکەت بە فۆنتی Adobe arabic نووسرا بێت دەبێت لە سەر کۆمپیوتەری بینەر ئەم فۆنتە ببێت.
ئێستا ئەمانەوەێت چۆنیەتی هەناردەکردنی فۆنت لە فایلی ستایل شیت Style.css فێر دەبین.
١- یەکەم کار ئەوەیە کە فۆنتەکە بە چەن شێوەی جیاواز Format ی جیاواز لە بەردەست دا بێت ( لە ئەم بابەتە فۆنتی ئەدۆب عەرەبیک بەکاردەهێنین).
شێواز یان فۆرماتی ئەم فۆنتانە دەبێت ئەمانە بێت:eot , otf , svg ,ttf, woff
[url=http://wp-kurd.com/kurdish/uploads/2015/02/Adobe.Arabic.zip]دەتوانی لێرەوە دایبگری[/url]
٢- بۆ ناساندنی فۆنت بە ستایل شیت دەبێت فۆڵدێرێک بکەیتەوە(لە ناو فۆڵدێری هتمل) و ناوی بنەی fonts و پاشان فۆنتەکان خەیتە ناو ئەم فۆڵدێرەوە.
٣- ئیزافە کردنی ئەم کۆدە بە ستایل شیت لە هەوەڵی پەڕەکە
@font-face {

font-family: 'Adobe.Arabic';

src: url('fonts/Adobe.Arabic.eot');

src: url('fonts/Adobe.Arabic.eot?#iefix') format('embedded-opentype'),

url('fonts/Adobe.Arabic.woff') format('woff'),

url('fonts/Adobe.Arabic.ttf') format('truetype'),

url('fonts/Adobe.Arabic.svg#Adobe.Arabic') format('svg');

unicode-range: U+0600–06FF;

}
٤- لە نێو ستایل شیتەکە بگەڕە بۆ font-family هەر شتێکی ئاوات دی ئەمارەکە کە بە Adobe.Arabic بۆ وێنە:
.navbar > .container .navbar-brand {[color=red]font-family:Adobe.Arabic[/color]}

هەگە کێشەیێک بوو تکایە بیڵێن سەر کەتوو بن ئەرەستوو!