Follow me on Twitter

الأحد، 27 مايو 2012

كيف تغيير خط موقعك - لمحات من CSS3 -


يتمنى البعض أن يتحكم فى نوع خط موقع أو مدونته بحيث يظهر بصورة جميلة وبخط مميز ،ويجد الصعوبة فى ذلك إن كان الموقع يعتمد على خطوط نظام التشغيل -لمشاهد الموقع- ،ولكن CSS3 استطاعت معالجة ذلك وذلك عن طريق @font-face ،حيث إنها تحدد مسار الخط الذى يوجد على السيرفر -الخادم- وبالتالى لا يتم استدعاء خطوط من نظام التشغيل

يتم ذلك كالآتى :

@font-face {
font-family: Font-name;
src: url('/directory/font-file.ttf');
}


السطر الثانى يقوم بتحديد مسار الخط على السيرفر -الخادم- فيستدعى الخط من الخادم وليس من نظام التشغيل
أما السطر الأول فمع font-family تحدد اسم الخط _أى اسم أريد أن أسمّى به الخط _ والذى يمكنك استدعاءه بعد ذلك كالتالى

#content{
font-family: Font-name;
}

الآن استمتع بأن تختار خط موقعك بحرية ^_^