سفغ أو الرسومات المتجهة القابلة للتطوير هي أداة مذهلة لإنشاء عناصر ويب أنيقة وتفاعلية. ومع ذلك ، عند العمل مع النص في ملف سفغ ، قد يكون من الضروري تغيير حجم الخط لتحقيق التأثير المطلوب. في هذه المقالة ، سوف ننظر في طرق سهلة لزيادة وتقليل حجم الخط في نص سفغ.
الطريقة الأولى هي استخدام السمة 'حجم الخط' في علامة 'النص'. لزيادة حجم الخط ، تعيين قيمة السمة' حجم الخط ' لتكون أكبر من واحد الحالي ، على سبيل المثال ، '20'. لتقليل حجم الخط ، تعيين قيمة السمة 'حجم الخط' إلى أقل من واحد الحالي ، على سبيل المثال ، '10'. هذه الطريقة بسيطة وسريعة ، ولكنها قد تكون غير مريحة إذا كنت بحاجة إلى تغيير حجم الخط في عدة عناصر نصية.
إذا كنت بحاجة إلى تغيير حجم الخط في العديد من عناصر النص ، بما في ذلك مجموعات من العلامات 'النص' ، السمة 'حجم الخط' يمكن أن يكون وسيلة غير فعالة وتستغرق وقتا طويلا. لهذا الغرض ، من الأفضل استخدام الطريقة الثانية!
الطريقة الثانية هي استخدام خاصية كس 'حجم الخط'. للقيام بذلك ، إضافة النمط المناسب داخل العلامة 'نمط'. على سبيل المثال ، لزيادة حجم الخط بمقدار 20 بكسل ، يمكنك استخدام الكود التالي:
يعتمد اختيار كيفية تغيير حجم الخط في نص سفغ على احتياجاتك وتفضيلاتك. تتيح لك هذه الطرق السهلة التحكم بسهولة في حجم الخط ، وتمنحك المرونة في عملك وتسمح لك بإنشاء تركيبات مرئية فعالة وجذابة.
- ملامح الخطوط في شكل سفغ
- مزايا استخدام سفغ لعناصر النص
- زيادة الخط في نص سفغ باستخدام السمات
- تكبير الخط في نص سفغ باستخدام خصائص كس
- تقليل الخط في نص سفغ باستخدام السمات
ملامح الخطوط في شكل سفغ
واحدة من الجوانب الهامة لاستخدام الخطوط في سفغ هو القدرة على تغيير حجمها. في نص سفغ ، يمكنك بسهولة زيادة وتقليل حجم الخط دون فقدان جودة أو وضوح الأحرف.
يستخدم سفغ عدة نهج لتحديد الخطوط:
- الخط المضمن-يتضمن هذا النهج تضمين الخط في ملف سفغ نفسه. للقيام بذلك ، حدد المسار إلى ملف الخط واسم الخط. سيكون هذا الخط متاحا فقط داخل ملف سفغ.
- الخط الخارجي-يمكنك استخدام خط خارجي محدد في ملف نمط كس. في هذه الحالة ، تحتاج إلى توصيل ملف النمط إلى ملف سفغ.
- خط النظام هو خط محدد على مستوى نظام التشغيل. سفغ يمكن استخدام خطوط النظام دون الحاجة إلى تحميل أو تثبيتها.
عند تحديد حجم الخط في سفغ ، ضع في اعتبارك أن الأحجام محددة في الوحدات النسبية. على سبيل المثال ، يمكنك استخدام النسب المئوية أو م لتحديد حجم الخط بالنسبة إلى حجمه الأساسي.
ومن الجدير بالذكر أيضا أنه لا يتم دعم جميع الخطوط في شكل سفغ. قد لا تتوفر بعض الخطوط أو قد لا يتم عرضها بشكل صحيح في ملف سفغ. لذلك ، عند استخدام الخطوط في سفغ ، يجب عليك التحقق من توافقها وصحة العرض.
مزايا استخدام سفغ لعناصر النص
- قابلية التوسع: عناصر النص سفغ يمكن تحجيمها بسهولة دون فقدان الجودة. إنها صور متجهة ، مما يعني أنها تتكون من صيغ رياضية ، وليس وحدات بكسل. يتيح لك ذلك زيادة حجم النص أو تصغيره دون تشويش أو تشويه.
- المرونة: يمكن التلاعب بعناصر النص سفغ باستخدام كس وجافا سكريبت. يمكنك تغيير لونها والخط والحجم وغيرها من الخصائص باستخدام قواعد كس بسيطة أو استخدام جافا سكريبت لإنشاء الرسوم المتحركة أو غيرها من الآثار.
- إمكانية الوصول: باستخدام سفغ ، يمكنك إنشاء عناصر النص مع الوظائف المتاحة. يمكنك إضافة سمات مثل" تسمية الأغنية "أو" الدور " لتحسين إمكانية الوصول إلى النص للمستخدمين ذوي الإعاقة.
- المحاذاة الرأسية والأفقية: سفغ يجعل من السهل لمحاذاة النص عموديا وأفقيا ، والتي يمكن أن يكون من الصعب استخدام هتمل العادية و كس.
هذه المزايا تجعل سفغ خيارا جذابا لإنشاء وعرض عناصر النص على صفحة ويب. يوفر المرونة وقابلية التوسع ، مما يسمح لك بإنشاء عناصر نصية جميلة وعملية.
زيادة الخط في نص سفغ باستخدام السمات
- تحدد هذه السمة حجم الخط. لتكبير الخط ، يكفي تعيين قيمة أكبر ، على سبيل المثال:
نموذج النصفي هذا المثال ، سيتم تعيين الخط على الحجم 20.
هي سمة تسمح لك بتعيين الموضع الرأسي للنص. لتكبير الخط ، تحتاج إلى تعيين قيمة موجبة ، على سبيل المثال:
نموذج النصفي هذا المثال ، ستتم إضافة 10 وحدات بكسل رأسية إلى حجم الخط الرئيسي البالغ 12.
هي سمة تسمح لك بتحويل عنصر. لتكبير الخط ، يمكنك استخدام القياس:
نموذج النصفي هذا المثال ، سيتم مضاعفة حجم الخط على طول محوري س و ص.
استخدم هذه السمات في رمز سفغ لزيادة حجم الخط في النص. وهذه الأساليب بسيطة وبديهية تسمح لك للسيطرة على مظهر النص الخاص بك في سفغ.
تكبير الخط في نص سفغ باستخدام خصائص كس
تتيح لك خاصية حجم الخط تعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. لزيادة حجم الخط في نص سفغ ، تحتاج إلى تعيين قيمة أكبر لهذه الخاصية. على سبيل المثال ، لزيادة حجم الخط إلى 20 بكسل ، يمكنك استخدام كس التالية:
نص سفغ { حجم الخط: 20 بكسل؛}
في المثال أعلاه ، يحدد محدد النص سفغ جميع عناصر النص داخل عنصر سفغ. ثم تقوم خاصية حجم الخط بتعيين حجم الخط إلى 20 بكسل.
يمكنك أيضا استخدام النسب المئوية لتعيين حجم الخط بالنسبة للحجم الحالي. على سبيل المثال ، لزيادة حجم الخط بنسبة 20 ٪ ، يمكنك استخدام كس التالية:
نص سفغ { حجم الخط: 120٪؛}
في المثال أعلاه ، يتم تعيين حجم الخط إلى 120 ٪ من الحجم الحالي. إذا كان حجم الخط الحالي هو 16 بكسل ، ثم بعد تطبيق خاصية كس المحددة ، سيكون حجم الخط 19.2 بكسل.
وبالتالي ، يمكن زيادة حجم الخط في نص سفغ بسهولة باستخدام خصائص كس. تتيح لك خاصية حجم الخط تعيين حجم الخط بالبكسل أو النسب المئوية بالنسبة للحجم الحالي.
تقليل الخط في نص سفغ باستخدام السمات
يمكن تحقيق تقليل حجم الخط في نص سفغ باستخدام عدة سمات.
. يسمح لك بتحديد قيمة حجم الخط بالبكسل أو وحدات القياس الأخرى. على سبيل المثال ، لتقليل حجم الخط إلى 10 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
نموذج النصالطريقة الثانية هي استخدام وحدات القياس النسبية ، مثل النسب المئوية. على سبيل المثال ، لتقليل حجم الخط إلى 50٪ من الحجم الأصلي ، يمكنك استخدام التعليمات البرمجية التالية:
نموذج النص. على سبيل المثال ، لتقليل حجم الخط بنسبة 20 ٪ ، يمكنك استخدام الكود التالي:
نموذج النصوهكذا ، باستخدام هذه السمات ، يمكنك تحقيق تخفيض حجم الخط في نص سفغ وخلق تأثيرات بصرية مذهلة.