كيف آخذ تنسيقات الخط من ملف psd

Muhammed Hacibrahim · 20 نوفمبر 2021

مرحبا

انا اتعلم في دورة تطوير واجهات المستخدم هناك شيئ لم افهمه

اريد ان اعرف كيف يأخذ المدرب تنسيقات الخط من ملف psd مثلا ينظر الى التنسيقات مثل التي في الصورة

ثم يكتب في ملف css

font-size: 24px;
line-height:25px;

انا اكتب مثل ما يكتب ولكن عندما انتهيت حاولت ان آخذ تنسيقات لوحدي و لم اعرف

سامح أشرف · 20 نوفمبر 2021

يمكنك تحويل وحدة القياس إلى px بدلًا من pt من خلال قائمة edit ثم Preference ثم Unit & Rulers وقم بتغير قيمة Type، كما في الصورة:

وستجد أن حجم الخط وإرتفاع السطر قد قد ظهرت قيمها بالبيكسل:

619931b1c8b51_Screenshot2021-11-20192109.png.8330e76e9091f5fdbee2a0b364b9790f.png

يمكن تحويل بعض القيم في الصورة السابقة إلى CSS كالتالي بسهولة:

font-family: "Myriad Arabic";
font-size: 50px;
line-height: 48px;
font-weight: normal;	/* تساوي Regular */

السؤال