فن الطباعة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يساعد أسلوب الخط في جعل النص على الشاشة أو النص على واجهة المستخدم سهل القراءة و
جميلًا. تشمل أنماط الكتابة: العرض والعنوان والتصنيف والنص الأساسي والقوس والأرقام.
استخدِم الرموز لتحديد الخط وارتفاع السطر والحجم والتتبُّع والعرض والكثافة.
محور الخط المتغيّر أثناء الحركة
استخدِم محور خط متغيّرًا للإشارة إلى ملاحظات بشأن الحركة التعبيرية وجعل التفاعلات أكثر تعبيرًا وسعادة في الاستخدام.
أمثلة على حالات الاستخدام:
- سمك الخط الديناميكي
- عرض الخط الديناميكي
- سماكة الخط وعرضه الديناميكيان
الرموز المميّزة
تحدِّد الرموز أسلوب نوع العنصر من خلال قيمة قابلة للضبط، بدلاً من قيمة محدّدة، ما يسهّل إدارة الأنماط والمظاهر بشكل كبير.
أدوار النوع
بالإضافة إلى مقياس أنواع محدَّث ومحسَّن، نقدّم أيضًا أدوارًا جديدة لأنواع
الخطوط تُظهر أنماطًا بارزة على Wear.
- الاستفادة من المزيد من حالات الاستخدام باستخدام ميزة "نص منحني"، مثل عناوين الصفحات أو
الأوصاف ذات الارتفاع الثابت في مساحة محدودة، مثل العناصر التي تظهر على سطح الشاشة لتأكيد الإجراء
- دور نوع مخصّص للأرقام كي نتمكّن من الاعتماد على أحجام نص أكبر وأكثر
أناقة للسلاسل التي لا تحتاج إلى ترجمة أو الاستفادة
من المسافة الأحادية أو المسافة بين الأعمدة عند إضافة تأثيرات متحركة، مثل أدوات الاختيار
المرجع: مكتبة Google Fonts
البحث في مجموعة كبيرة من الخطوط بعد البحث عن
الخط الذي تريده واختياره، ستظهر خيارات في اللوحة اليمنى لتغيير حجم الخط المخصّص وإعادة تلوينه
ونسخه إلى الحافظة.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]
