اي فون هو واحد من الهواتف الذكية الأكثر شعبية التي أنشأتها شركة آبل. واحدة من الميزات الهامة للجهاز هو تحديد الخط. الخط فون هي فريدة من نوعها ويختلف عن الخطوط الأخرى.
ويسمى الخط فون سان فرانسيسكو. وقد تم تصميم هذا الخط خصيصا للاستخدام على نظام التشغيل دائرة الرقابة الداخلية وعلى أجهزة أبل الأخرى. يتميز بوضوحه وتصميمه الجذاب ، مما يجعله شائعا بين المطورين والمصممين.
سان فرانسيسكو لديها العديد من الخيارات: سان فرانسيسكو النص ، سان فرانسيسكو العرض وسان فرانسيسكو المدمجة. خيار النص هو للنص العادي ، والعرض هو للعناوين والنص كبير ، والتعاقد هو للاستخدام على الشاشات الصغيرة مثل ووتش أبل.
باستخدام الخط فون في تطوير الشبكة هو ممكن باستخدام الخاصية المغلق الخط الأسرة. لاستخدام خط سان فرانسيسكو على موقع الويب الخاص بك ، يكفي تحديد اسمه في قيمة هذه الخاصية. على سبيل المثال ، لتطبيق خط النص سان فرانسيسكو ، يمكنك إضافة التعليمات البرمجية التالية إلى ورقة الأنماط:
قوي ، م ، ص {
الخط الأسرة :" سان فرانسيسكو النص " ، أريال ، بلا الرقيق;
}
يشير هذا الرمز إلى أن النص وضعت داخل العلامات ، و ، يجب أن يتم عرضها باستخدام خط النص سان فرانسيسكو ، وإلا أريال ، وإلا بلا الرقيق الخط.
وذلك باستخدام الخط فون على موقع الويب الخاص بك تساعدك على إنشاء تصميم موحد وأنيق التي هي محددة لأجهزة أبل. ومع ذلك ، ينبغي أن نتذكر أن الخط سان فرانسيسكو هو الملكية ويمكن استخدامها فقط على أجهزة أبل أو بإذن أبل.
- ما هو الخط فون?
- التاريخ والأصل
- مبادئ الاستخدام
- كيفية استخدام الخط فون
- على الموقع
- في تطبيقات الهاتف المحمول
- في مواد التصميم والتسويق
ما هو الخط فون?
ميزات الخط فون:
- البساطة والوضوح: الخط فون لديه أشكال هندسية بسيطة وملامح واضحة ، مما يجعل من السهل قراءة حتى على شاشة صغيرة من جهاز محمول.
- الأناقة والأناقة: يتميز خط الآيفون بتصميم أنيق يمنح واجهة الجهاز مظهرا أنيقا وعصريا.
- التوافق متعدد اللغات: يدعم خط آيفون لغات متعددة ، مما يسمح لمستخدمي أجهزة أبل باستخدامها بلغات مختلفة وفي بلدان مختلفة.
باستخدام الخط فون:
الخط فون متاح للاستخدام في مختلف التطبيقات وإعدادات الجهاز. يمكن للمستخدمين اختيار هذا الخط لعرض النص على الشاشة أو استخدامه في تطبيقات التصميم والتخطيط. ويمكن أيضا الخط فون يتم تحميلها وتثبيتها على الأجهزة الأخرى.
التاريخ والأصل
وقد تم تطوير الخط فون من قبل شركة آبل خصيصا لأجهزتها النقالة. إنها مجموعة فريدة من الشخصيات التي تحاكي أسلوب الكتابة بخط اليد.
جاءت فكرة إنشاء مثل هذا الخط لمطوري أبل في أوائل عام 2000. أرادوا النص على اي فون لتبدو أكثر طبيعية وشخصية ، لذلك قرروا إنشاء خط خاص من شأنه أن يشبه مخطوطة. هذا جعل النص أكثر قابلية للقراءة وإرضاء للعين.
لتطوير الخط فون ، أجريت البحوث في مجال التصميم الجرافيكي وإدراك النص. تم استكشاف خيارات وأنماط الخطوط المختلفة للعثور على الخيار الأنسب لإنشاء تقليد مكتوب بخط اليد. أخذ مطورو أبل الجماليات والوظائف في الاعتبار لإنشاء خط يبدو جميلا وفي نفس الوقت مناسب للاستخدام.
بعد العديد من الاختبارات والتعديلات ، وقدم الخط فون لأول مرة للجمهور في عام 2007 ، جنبا إلى جنب مع الافراج عن أول نموذج فون. ومنذ ذلك الحين ، فقد أصبح جزءا لا يتجزأ من تصميم دائرة الرقابة الداخلية ويستخدم في جميع أجهزة أبل ، بما في ذلك اي فون ، آي باد وآي بود تاتش.
مبادئ الاستخدام
الخط فون يمكن استخدامها في مجموعة متنوعة من الطرق والحالات. فيما يلي بعض المبادئ التي يجب مراعاتها عند استخدام هذا الخط:
- اختيار النمط المناسب: اي فون يقدم العديد من أنماط الخطوط مثل العادية ، جريئة ومائل. اختر النمط الذي يناسب المحتوى الخاص بك ويبقيه قابلا للقراءة.
- حجم الخط: من المهم اختيار حجم الخط الأمثل بحيث يكون كبيرا بما يكفي ليكون قابلا للقراءة ، ولكن ليس كبيرا جدا حتى لا يشغل مساحة كبيرة على الشاشة.
- استخدام العناوين: الخط فون مثالية للعناوين والعناوين ، كما أنه يعطي لهم نظرة حديثة وأنيقة. ومع ذلك ، تأكد من أن النص ليس طويلا جدا لتجنب نقله إلى سطر جديد.
- الجمع مع الخطوط الأخرى: الخط فون يمكن استخدامها في تركيبة مع الخطوط الأخرى لخلق تركيبات تصميم مثيرة للاهتمام. تجربة مع مجموعات مختلفة واختيار واحد الذي يناسب التصميم الخاص بك.
- الخلفية واللون: عند استخدام الخط فون ، والنظر في لون الخلفية التي سيتم عرضها. يجب أن يكون لون الخط متباينا لضمان سهولة القراءة.
وتطبيق هذه المبادئ تسمح لك لاستخدام الخط فون بشكل صحيح وخلق تصاميم فعالة وجذابة.
كيفية استخدام الخط فون
لاستخدام الخط فون على موقع على شبكة الانترنت, يمكنك إضافته إلى ملف المغلق باستخدام التعليمات البرمجية التالية:
@font-face {
font-family: 'San Francisco', sans-serif;
src: url('/path/to/san-francisco.woff2') format('woff2');
}
Здесь /path/to/san-francisco.woff2 — это путь к файлу шрифта San Francisco в формате WOFF2. Вы можете загрузить этот файл с сайта Apple или использовать файл шрифта, предоставленный во вспомогательных репозиториях, таких как GitHub.
بعد إضافة هذا الرمز إلى ملف كس الخاص بك ، يمكنك تطبيق الخط فون إلى النص باستخدام خاصية الخط الأسرة وقيمة 'سان فرانسيسكو'. على سبيل المثال ، لتطبيق خط على العناوين ، يمكنك استخدام التعليمات البرمجية التالية:
ح1 {
الخط الأسرة: 'سان فرانسيسكو' ، بلا الرقيق;
}
الآن سيتم عرض العنوان الخاص بك مع الخط فون. يمكنك أيضا تطبيق الخط على عناصر أخرى مثل الفقرات والقوائم وما إلى ذلك. باستخدام رمز مماثل.
لا تنس التحقق مما إذا كان الخط معروضا بشكل صحيح على أجهزة ومتصفحات مختلفة للتأكد من أنه يعمل بشكل صحيح لجميع المستخدمين.
استخدام الخط فون يمكن أن تعطي موقع الويب الخاص بك نظرة أنيقة وعصرية تعكس جماليات أجهزة أبل.
على الموقع
لاستخدام خط اي فون على موقع على شبكة الانترنت, يجب أولا تحميل البرنامج باستخدام المغلق. للقيام بذلك ، يمكنك استخدام خدمات خاصة أو تحميل الخط من موقع أبل الرسمي.
بعد تحميل الخط ، تحتاج إلى توصيله إلى وثيقة هتمل باستخدام كس. للقيام بذلك ، استخدم قاعدة @وجه الخط:
@الخط الوجه {
الخط الأسرة: 'فون الخط' ، بلا الرقيق;
سرك: ورل('باث_شريفت/اي فون الخط.ووف 2') شكل ('ووف 2'),
عنوان ورل ('باث_شريفت/اي فون الخط.وف') شكل ('وف');
}
في هذا المثال ، يسمى الخط 'فون الخط' ، ولكن يمكنك استخدام أي اسم آخر. أيضا ، حدد المسار إلى ملفات الخط في الخاصية سرك.
بعد توصيل الخط ، يمكن استخدامه في كس باستخدام خاصية عائلة الخط:
الجسم {
الخط الأسرة: 'فون الخط' ، بلا الرقيق;
حجم الخط: 16 بكسل;
}
في هذا المثال ، سيتم تطبيق الخط على كل النص على موقع ويب بحجم 16 بكسل. استبدال 'الخط فون' مع اسم الخط الذي حددته في @الخط الوجه.
الآن سيتم عرض الخط فون على موقع الويب الخاص بك في نفس الطريقة كما في أجهزة أبل. يرجى ملاحظة أن المستخدمين الذين ليس لديهم الخط فون تثبيت سيرى الخط البديل المحدد في الخاصية الخط الأسرة.
في تطبيقات الهاتف المحمول
يستخدم الخط فون على نطاق واسع في التطبيقات النقالة لخلق مظهر واجهة أنيقة وعصرية. إنه رائع لعرض النص على شاشات مختلفة من الهواتف الذكية والأجهزة اللوحية ، مما يوفر الوضوح وسهولة القراءة.
اي فون لديها خط فريدة من نوعها ، وهو ما يسمى سان فرانسيسكو. وقد تم تصميم هذا الخط خصيصا للاستخدام على أجهزة أبل ولها العديد من الأصناف ، بما في ذلك سان فرانسيسكو النص ، سان فرانسيسكو العرض وسان فرانسيسكو المدمجة.
الخط سان فرانسيسكو لديه تصميم الحداثية وأضيق الحدود يطابق تماما نمط دائرة الرقابة الداخلية. يتمتع بقابلية قراءة جيدة بأحجام مختلفة ويختلف عن الخطوط الأخرى في جمالياته الفريدة وسهولة إدراكه.
في تطبيقات الهاتف المحمول ، يمكنك استخدام الخط فون لعناصر واجهة مختلفة مثل العناوين والعناوين الفرعية ، وكتل النص ، والأزرار. يتم إجراء تخصيص الخط باستخدام خصائص كس التي تسمح لك بتعيين حجم النص والسمنة ونمطه.
مثال على استخدام الخط فون في تطبيقات الهاتف المتحرك:
في هذا المثال ، يتم استخدام خط سان فرانسيسكو لرأس مع فئة " رأس "وزر مع فئة" زر". يتم أيضا تكوين خصائص إضافية ، مثل حجم ومحتوى الدهون في النص ، باستخدام كس. ونتيجة لذلك ، سيتم عرض النص في الخط فون مع الأنماط المحددة.
استخدام الخط فون في التطبيقات النقالة يساعد على خلق واجهة فريدة وجذابة يطابق نمط دائرة الرقابة الداخلية ولها قراءة عالية. حدد بعناية نمط الخط والإعدادات بحيث ينسجم مع التصميم العام للتطبيق الخاص بك ويوفر سهولة الاستخدام.
في مواد التصميم والتسويق
باستخدام الخط فون في تصميم يسمح لك لخلق مفهوم الرسم متسقة وأنيقة. يمكن أن يكون هذا مفيدا بشكل خاص للشركات التي تسعى إلى ربط علامتها التجارية بالابتكار والحداثة والتقدم التكنولوجي.
ومع ذلك ، من المهم أن تضع في اعتبارك أن المواد التسويقية تتوافق مع الصورة العامة للشركة والجمهور الذي يجب أن تجتذبه. الخط فون قد يكون خيارا مناسبا للشركات التي تتعامل مع التكنولوجيا ، والالكترونيات ، أو الأجهزة النقالة.
عند استخدام الخط فون في المواد التسويقية ، يجدر النظر في قواعد تطبيقه. على سبيل المثال ، يمكنك استخدام الخط فون للعناوين والعناصر معلمة ، ولكن بالنسبة للنص الرئيسي فمن الأفضل لاختيار خط مختلف لضمان قراءة كافية.
من المهم أيضا الحفاظ على التوازن والانسجام بين الخطوط وعناصر التصميم الأخرى. على سبيل المثال ، الخط فون يمكن الجمع بين العناصر الرسومية والرموز أو الصور الملونة لخلق تصميم جذاب ومذهل.
بشكل عام ، وذلك باستخدام الخط فون في تصميم وتسويق المواد يمكن أن تساعد في تعزيز الوعي بالعلامة التجارية ، إضافة الحداثة ولفت الانتباه إلى الشركة. ومع ذلك ، من المهم استخدامه بحكمة للتأكد من أنه قابل للقراءة بشكل كاف ومتسق مع الصورة العامة للشركة.