🍋
Menu
Image

DPI

الخطوط

محدد يصف التمرير المرئي والتباعد لمجموعة أحرف، بما في ذلك أبعاد الحروف والمسافات والمحاذاة. الخطوط عبارة عن ملفات بيانات تحتوي على تعليمات رسم الحروف.

التفاصيل التقنية

تحتوي ملفات الخطوط على حروف رسومية (أشكال الحروف) ومقاييس (التقدم والتقريب) وجداول ميزات (أحرف بديلة وربط). WOFF2 (Web Open Font Format 2) يضغط بيانات الخط بنسبة ~30% باستخدام ضغط Brotli. تقوم قاعدة CSS @font-face بتحميل الخطوط المخصصة؛ تتحكم خاصية font-display في السلوك أثناء التحميل (swap يعرض النص الاحتياطي فورًا).

مثال

```javascript
// DPI: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```

أدوات ذات صلة

مصطلحات ذات صلة