يعد الخط الجورجي عنصرا مهما لإنشاء موقع ويب فريد أو تصميم تطبيق. إنه يساعد على نقل خصوصيات وثقافة جورجيا من خلال كتابة نص. ومع ذلك ، قد تكون إضافة خط جورجي أمرا صعبا ، خاصة للمبتدئين. في هذه المقالة ، سنلقي نظرة على الإرشادات التفصيلية مع الأمثلة التي ستساعدك على إضافة الخط الجورجي إلى موقع الويب أو التطبيق الخاص بك.
الخطوة الأولى عند إضافة خط جورجي هي تحديد الخط المناسب. هناك العديد من الخطوط الجورجية من مختلف الأساليب والاتجاهات في السوق. يوصى باختيار الخطوط التي تتطابق مع المحتوى والتصميم الخاص بك. وتشمل بعض الخطوط الجورجية شعبية بغ أريال ، سيلفين ، بغ مرغفلوفاني و بغ نينو متفرولي.
من المهم أن تتذكر أنه عند اختيار خط جورجي ، يجب الانتباه إلى وضوح النص وقابليته للقراءة ، خاصة للقراءة طويلة المدى. هذا مهم بشكل خاص لمواقع الويب أو التطبيقات التي تحتوي على الكثير من النصوص.
بعد تحديد الخط المناسب ، يمكنك إضافته إلى موقع الويب أو التطبيق الخاص بك. هناك عدة طرق لإضافة خط جورجي ، بما في ذلك استخدام خطوط الويب أو تحميل الخط إلى الخادم أو توصيل الخط باستخدام أنماط كس. في هذه المقالة ، سنلقي نظرة على الطريقة الأخيرة – توصيل خط باستخدام كس.
- إضافة خط جورجي: إرشادات خطوة بخطوة مع أمثلة
- التثبيت والتنزيل
- الاتصال بمستند هتمل
- استخدام الخط الجورجي في كس
- أمثلة على استخدام الخط الجورجي
- استئناف
إضافة خط جورجي: إرشادات خطوة بخطوة مع أمثلة
يمكن إنشاء مواقع الويب بلغات مختلفة ، بما في ذلك الجورجية. لعرض النص الجورجي بشكل صحيح ، تحتاج إلى إضافة دعم للخط الجورجي على موقع الويب الخاص بك. في هذه المقالة ، سننظر في كيفية إضافة خط جورجي إلى موقع الويب الخاص بك.
1. الخطوة الأولى هي تحميل الخط إلى موقع الويب الخاص بك. هناك مصادر مختلفة حيث يمكنك العثور على الخطوط الجورجية المجانية أو المدفوعة. حدد واحدا منهم وقم بتحميل ملفات الخطوط على الخادم الخاص بك.
2. بعد تحميل ملفات الخط إلى الخادم ، تحتاج إلى تحديد قواعد كس لإضافة الخط إلى موقع الويب الخاص بك. يمكن القيام بذلك باستخدام قاعدة @وجه الخط بالداخل
. Вот пример CSS-правил для добавления грузинского шрифта:| علامة الرمز | الوصف |
|---|---|
@الخط الوجه { | يحدد خط جديد لاستخدامه على الصفحة. |
الخط الأسرة: 'جورجيانفونت'; | يحدد اسم الخط المراد إنشاؤه. |
سرك: ورل('فيل_باث/الخط.ووف'); | يحدد المسار إلى ملف الخط على الخادم الخاص بك. |
} | يغلق كتلة القاعدة. |
تأكد من استبدال" مسار الملف " بالمسار الفعلي لملفات الخطوط على الخادم الخاص بك.
. هنا مثال:
الجسم {
الخط الأسرة: 'جورجيانفونت' ، بلا الرقيق;
}
استبدال " جورجيانفونت "و" بلا الرقيق " مع القيم المناسبة للخط الخاص بك والخط كعب.
4. احفظ التغييرات وأعد تشغيل موقع الويب الخاص بك. الآن سيتم عرض النص على موقع الويب الخاص بك باستخدام الخط الجورجي.
الآن أنت تعرف كيفية إضافة خط جورجي إلى موقع الويب الخاص بك. اتبع هذه التعليمات خطوة بخطوة للتأكد من عرض النص باللغة الجورجية.
التثبيت والتنزيل
لإضافة خط جورجي إلى موقع الويب الخاص بك ، ستحتاج إلى تنزيل ملف الخط المناسب وتثبيته. اعتمادا على تفضيلاتك وقدراتك ، يمكنك اختيار إحدى الطرق العديدة لتثبيت الخط الجورجي وتنزيله.
1. باستخدام ملف خط خارجي:
| خطوة | الوصف |
|---|---|
| 1 | انتقل إلى موقع ويب يعرض تنزيل الخطوط الجورجية ، على سبيل المثال ، "fonts.ge "أو" fontspace.com ". |
| 2 | حدد الخط المطلوب وانقر على زر التنزيل ("تنزيل"). |
| 3 | احفظ الملف الذي تم تنزيله على جهاز الكمبيوتر الخاص بك. |
| 4 | قم بتوصيل ملف الخط بصفحة الويب الخاصة بك عن طريق إضافة الكود التالي إلى القسم : |
| 2. باستخدام ملف الخط الداخلي: | |
|---|---|
| خطوة | الوصف |
| 1 | قم بتنزيل الخط الجورجي على جهاز الكمبيوتر الخاص بك. |
| 2 | قم بتضمين ملف الخط في القسم الموجود داخل علامة صفحة الويب الخاصة بك. |
استخدم قاعدة @وجه الخط لتحديد الاسم والمسار إلى الخط الخاص بك:
| 3. استخدام خدمات إنشاء الخطوط: | |
| خطوة | الوصف |
| 1 | انتقل إلى موقع خدمة إنشاء الخطوط ، على سبيل المثال ، "fontsquirrel.com "أو" webfonts.fonts.com ". |
2
قم بتحميل الخط الجورجي إلى موقع الخدمة.
3
استخدم الرمز المقدم لتوصيل الخط بصفحة الويب الخاصة بك.
قبل تنزيل الخط الجورجي وتثبيته ، تأكد من أن لديك جميع الحقوق اللازمة لاستخدام هذا الخط وأن جميع حقوق النشر محترمة.
الاتصال بمستند هتمل
لإضافة خط جورجي إلى مستند هتمل ، تحتاج إلى اتباع عدة خطوات:
3. افتح مستند هتمل الذي تريد توصيل الخط الجورجي به باستخدام أي محرر نصوص.
4. أضف الكود التالي داخل العلامة:
5. استبدل " اسم الخط "باسم الخط الخاص بك ، على سبيل المثال ، "سيلفين" ، و " مسار الخط.الصناديق ' إلى المسار النسبي لملف الخط في مجلد الخطوط. إذا كان الخط الخاص بك في الشكل .وف ، استبدال شكل ('تروتايب') مع شكل('وف').
6. لاستخدام خط جورجي في مستند هتمل ، حدد اسمه في خاصية عائلة الخط المغلق للعناصر المطلوبة.
على سبيل المثال ، لاستخدام الخط الجورجي لجميع العناوين في مستند:
| الآن سيتم عرض جميع العناوين في الخط الجورجي. |
|---|
1. Встроить шрифт в CSS с помощью правила @font-face: |
Пример кода CSS
@font-face {
font-family: 'GeorgianFont';
src: url('fonts/georgianfont.woff2') format('woff2'),url('fonts/georgianfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'GeorgianFont', sans-serif;
}
2. قم بتوصيل ملف خط خارجي:
@استيراد رابط ('https://fonts.googleapis.com/css2?family=Georgian+Font&display=swap');
الجسم {
الخط الأسرة: 'الخط الجورجي' ، بلا الرقيق;
}
في هذا المثال ، قمنا بتوصيل ملف خارجي بالخط الجورجي باستخدام قاعدة @ استيراد . ثم طبقنا هذا الخط على عناصر الجسم.
بعد توصيل الخط الجورجي إلى كس ، يمكنك تطبيقه على عناصر مختلفة من موقع الويب الخاص بك عن طريق إضافة خاصية عائلة الخط إلى المحددات المناسبة.
أمثلة على استخدام الخط الجورجي
مثال 1:
إضافة خط جورجي إلى صفحة ويب:
توصيل الخط الجورجي إلى كس:
الجسم {
الخط الأسرة: 'جورجيا' ، بلا الرقيق;
}
المثال 2:
تطبيق خط جورجي على عنصر معين:
مرحبا ، العالم!
المثال 3:
استخدام الخط الجورجي في فئة كس:
.الجورجية-النص {
الخط الأسرة: 'جورجيا' ، بلا الرقيق;