الخط الخاص بك على الصفحة. تثبيت الخطوط الجديدة في MS Word كيفية استخدام الخطوط المثبتة

فلاد ميرزيفيتش

يعد الخط جزءًا لا يتجزأ من تصميم الويب، ويمنح الموقع التعبير والاعتراف، ويعبر عن النمط المميز للموقع ويرتبط ارتباطًا مباشرًا بإدراك النصوص. قد لا يتم ملاحظة الخط المختار جيدًا، ولكن بدونه لن يكون هناك أي نكهة تمنح اكتمال تصميم الموقع.

إذا كان لديك بالفعل خط معين مثبت على جهاز الكمبيوتر الخاص بك، فما عليك سوى إضافة سطر إلى الأنماط.

h1 (عائلة الخط: SuperPuperFont;)

قيمة خاصية عائلة الخطوط هي اسم محرف الخط، وسيتم تطبيقه على كافة العناوين

. ولكن ماذا سيرى زوار الموقع إذا لم يتم تثبيت خطنا المذهل والنادر؟ هذا الموقف هو الأرجح، لذلك إذا لم يتعرف المتصفح على الخط المعلن، فسوف يستخدم الخط الافتراضي، على سبيل المثال في نظام التشغيل Windows هذا هو Times New Roman. كل تصميماتنا المدروسة بعناية سوف تنهار وتتحول إلى غبار بين عشية وضحاها، لذلك نحن بحاجة إلى البحث عن الحل الأكثر عالمية. أول ما يتبادر إلى ذهنك على الفور هو الترتيب لتنزيل ملف الخط على جهاز الكمبيوتر الخاص بالمستخدم وعرض النص بالخط المحدد. بالمقارنة مع الطرق الأخرى مثل عرض النص من خلال الصورة، تعد هذه الطريقة هي الأبسط والأكثر تنوعًا.

ما هي المزايا التي يوفرها لنا تحميل ملف الخط ثم تطبيقه عبر CSS في النهاية؟

• من السهل إضافة النص وتحريره.
• في المتصفح، يمكنك استخدام البحث والعثور على العبارات المطلوبة.
• في إعدادات المتصفح، يمكنك تقليل حجم الخط أو زيادته لتحقيق مشاهدة مريحة.
• محركات البحثيقومون بفهرسة محتوى المستند جيدًا.
• يمكن تحديد النص ونسخه إلى الحافظة، وكذلك ترجمته إلى لغة أخرى.
• يمكن بسهولة تغيير معلمات النص مثل تباعد الأسطر واللون والحجم وما شابه ذلك باستخدام خصائص CSS.
• مرة أخرى، باستخدام CSS، يمكنك ببساطة إضافة تأثيرات مختلفة إلى النص، مثل الظل.

كما ترون، هناك الكثير من المزايا. هناك أيضًا عيوب صغيرة ومن الجدير بالذكر لتحقيق التوازن.

• لا تدعم جميع إصدارات المتصفح الخطوط القابلة للتنزيل والتنسيقات ذات الحجم الواحد التي تناسب الجميع.
• يمكن أن يشغل الملف الذي يحتوي على نوع الخط مساحة كبيرة، مما يؤدي إلى إبطاء تحميل صفحة الويب.

في الجدول 1 يسرد إصدارات المتصفح وتنسيقات الخطوط التي يدعمها.

طاولة 1. التنسيقات المدعومة

شكل	متصفح الانترنت	كروم	الأوبرا	سفاري	ثعلب النار	ذكري المظهر	دائرة الرقابة الداخلية
تي تي إف	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
محكمة تكافؤ الفرص	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

التنسيق الأكثر دعمًا هو TTF. باستثناء IE حتى الإصدار 9.0 وiOS، فإن جميع المتصفحات تفهمها تمامًا. لذا، إذا كان الخط الخاص بك بهذا التنسيق وكنت تستهدف المتصفحات الحديثة، فلن يتعين عليك القيام بأي إجراءات إضافية. يكفي كتابة الكود التالي بالأنماط (المثال 1).

مثال 1: اتصال TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

أولاً، نقوم بتحميل ملف الخط نفسه باستخدام قاعدة @font-face. داخله نكتب اسم محرف الخط من خلال معلمة عائلة الخطوط والمسار إلى الملف من خلال src . ثم نستخدم الخط كالمعتاد. لذلك، إذا كنا بحاجة إلى تعيين خط العنوان، فبالنسبة لمحدد h1، كما هو موضح في المثال، نقوم بتعيين خاصية عائلة الخط باسم الخط الذي تم تحميله. بالنسبة للإصدارات الأقدم من IE، نقوم بإدراج الخيارات الاحتياطية مفصولة بفواصل. في هذه الحالة، سيكون خط العنوان هو "Comic Sans MS"، نظرًا لأن IE8 والإصدارات الأقدم لا تدعم تنسيق TTF.

وتظهر نتيجة هذا المثال في الشكل. 1.

أرز. 1. رأس مع الخط المحمل

ماذا تفعل إذا كنت في حاجة ماسة إلى خط مزهر في IE8؟ لحسن الحظ، @font-face يسمح لك بتضمين ملفات خطوط متعددة بتنسيقات مختلفة في نفس الوقت. كل ما على المتصفح فعله هو اختيار المتصفح المناسب. وبالتالي، فإن الحل الشامل الذي يعمل في جميع المتصفحات يتمثل في تحويل تنسيق TTF الحالي إلى EOT ثم توصيل كلا الملفين.

للتحويل، هناك العديد من الخدمات عبر الإنترنت التي تسمح لك بتحميل ملف TTF واستلام ملف EOT كمخرج. لسوء الحظ، فإن معظم هذه الخدمات لديها نفس المشكلة - نتلقى الملف، ولكن اللغة الروسية غير مدعومة. ونتيجة لذلك، لم يتم تحقيق النتيجة المرجوة، ويحدث التحويل بشكل غير صحيح. من بين المواقع التي قمت بفحصها، كان هناك موقع يعرض النص بشكل صحيح في IE.

نذهب إلى هذا الموقع، وقم بتنزيل ملف TTF وانقر فوق الزر "تحويل TTF إلى EOT"، وبعد ذلك نقوم بحفظ الملف الناتج في المجلد بالخطوط. في الأنماط، يبقى أداء خدعة صغيرة وقوة متصفحات مختلفةقم بتنزيل الخط بالتنسيق المطلوب. للقيام بذلك، أضفنا معلمتين src. يشير الأول إلى ملف EOT وهو مخصص للإصدارات الأقدم من IE. يجب أن تحتوي المعلمة src الثانية على عنوانين مفصولين بفواصل، يشير أحدهما إلى ملف TTF. الحقيقة هي أن إصدارات IE 8.0 والإصدارات السابقة لا تفهم الفاصلة في معلمة src، وبالتالي ستتجاهل المعلمة بأكملها. يمكن أن يكون هناك العديد من خيارات الكتابة، على سبيل المثال، تكرار عنوان url، أو تحديد اسم الخط داخل المعلمة المحلية، أو حتى كتابة خط غير موجود. إذا لم يتمكن المتصفح من تحميل مثل هذا الخط، فسوف ينتقل إلى الخط الثاني في القائمة، ونقوم بكتابته بشكل صحيح. طرق الكتابة المقبولة

src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("بلا بلا"), url(fonts/pompadur.ttf);

يظهر خيار العمل لتوصيل الخط لجميع إصدارات المتصفح في المثال 2.

مثال 2: اتصال EOT

HTML5 CSS3 IE Cr Op Sa Fx

عنصر حديث في العملية السياسية

في الواقع، فإن تعاليم مونتسكيو السياسية تطرح النموذج الأوروبي القاري للثقافة السياسية، وهو ما انعكس في أعمال ميشيلز.

أما بالنسبة لنظام التشغيل iOS، فيبدو لي أنه لا فائدة من إنشاء وتنزيل خط منفصل بتنسيق SVG. لا يزال جمهور المواقع التي تشاهده عبر iOS صغيرًا، بالإضافة إلى أن إصدار الموقع مخصص لـ أجهزة محمولةإنهم يحاولون تسهيل الأمر، وليس من المستحسن تنزيل بضع عشرات من الكيلوبايتات الإضافية.

خطوط الويب جوجل

يمكن العثور على خدمة ملائمة تهتم بروتين دعم تنسيقات الخطوط وإصدارات المتصفح المختلفة على www.google.com/webfonts. على الرغم من وجود عدد قليل نسبيًا من الخطوط المختلفة في المجموعة (هناك عدة عشرات)، إلا أنها كلها مختارة بجودة عالية جدًا ويمكن استخدامها مجانًا على مواقع الويب.

قبل تحديد الخط، قم بتبديل قيمة البرنامج النصي إلى السيريلية، ثم سترى قائمة بالخطوط التي تدعم اللغة الروسية (الشكل 2).

أرز. 2. تحديد الخطوط في خطوط الويب من Google

يجب أولاً إضافة الخط الذي تفضله إلى المجموعة من خلال النقر على زر "إضافة إلى المجموعة"، ثم على زر "استخدام" في الزاوية اليمنى السفلية من الشاشة. في الصفحة التالية (الشكل 3) يمكنك أخيرًا تحديد الخطوط التي تحتاجها. في الوقت نفسه، عليك أن تفهم أن محرف الخط يمكن أن يحتوي على عدة أنماط وكل منها يزيد من حجم الملفات التي تم تنزيلها.

أرز. 3. الخطوط المحملة على الصفحة

يمكنك توصيل الخطوط المحددة بإحدى الطرق الثلاث؛ يمكن نسخ الكود المضاف أسفل الصفحة.

1. عبر العنصر . سيبدو الخط مثل هذا.

2. من خلال قاعدة @import. نقوم بإدخال هذا السطر في ملف CSS الخاص بنا في الأعلى.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. من خلال جافا سكريبت.

من حيث المبدأ، جميع المسارات متساوية، لذا اختر حسب تفضيلاتك.

مزايا استخدام هذه الخدمة هي كما يلي.

• الخطوط مجانية الاستخدام، ولا يتعين عليك الدفع مقابلها.
• يتم "شحذ" الخطوط المعروضة للعرض على الشاشة، ويتم تحسين الملفات وتشغل حجمًا صغيرًا نسبيًا.
• يتم اكتشاف المتصفح تلقائيًا ويتم توفير الخط بالتنسيق المطلوب له.

إحدى المزايا الرئيسية للخدمة هي أن الخطوط يتم تخزينها بتنسيقات TTF وEOT وWOFF وSVG ويتم تحميلها بعد فحص المتصفح. وبالتالي، سيكون تنسيق EOT متاحًا فقط للإصدارات الأقدم من IE.

سواء كنت تستخدم Google Web Fonts أم لا، فالأمر متروك لك. إذا لم تجد الخط المناسب هناك، فيمكنك دائمًا توصيل TTF المشهور والواسع الانتشار. علاوة على ذلك، فهو مدعوم بأحدث الإصدارات من جميع المتصفحات الشائعة.

عند تخطيط الصفحات، من وقت لآخر، عليك التعامل مع الخطوط غير القياسية. بالطبع، لا ينبغي استخدامها باعتبارها العناصر الرئيسية على الموقع، ولكن في مختلف العناصر الفردية، على سبيل المثال، في الرأس، فمن الممكن تماما. المشكلة في هذه الخطوط هي أنها ببساطة قد لا تكون موجودة على جهاز الكمبيوتر الخاص بالمستخدم، مما سيؤدي إلى عرض النص المقابل بخط قياسي، ونتيجة لذلك، سيتم إفساد التصميم المقصود. يمكن حل هذه المشكلة بكل بساطة: الكل خط مخصصببساطة قطع كصورة. ومع ذلك، هناك أيضا طريقة أخرى لاستخدام خط مخصص على موقع ويب.

اسمحوا لي أن أكتب كود CSS، وبعد ذلك سأشرح ذلك:

@الخط الوجه (
عائلة الخط: SpecialFont؛
src: url("font/specialfont.ttf");
}
ع(
عائلة الخط: SpecialFont؛
}

ونتيجة لذلك، إلى العلامات

سيتم تطبيق الخط خط خاص. أعتقد أن الكود شفاف تمامًا، لكنني سأشرحه على أي حال. تحتاج إلى الحصول على الخط وتحميله على موقع الويب الخاص بك، على سبيل المثال، في مجلد الخط. التالي في كود CSSسجل في @الخط الوجهاسمه والمسار إليه، ومن ثم يمكنك استخدامه.

ولكن ليس من قبيل الصدفة أنهم في معظم الحالات يستخدمون الصور لعرض الخطوط غير القياسية. في الاستخدام @font-face هناك عيبان:

1. هناك خطوط كبيرة جدًا يصل وزنها إلى مئات الكيلوبايتات، وهذا سيزيد وقت تحميل الصفحة بشكل كبير.
2. العيب الثاني هو أكثر خطورة. ليست كل المتصفحات تدعم هذه الميزةعلاوة على ذلك، تتطلب بعض المتصفحات خطًا بتنسيق مختلف (ليس ttf). وبالتالي، سيظل بعض الأشخاص غير قادرين على رؤية الخط الخاص بك. لحل هذه المشكلة، تحتاج إلى تنزيل نفس الخط بتنسيقات مختلفة، مما سيزيد بشكل كبير من العيب الأول.

ولكن تجدر الإشارة إلى أن الطرح الأول لم يعد بنفس الأهمية كما كان من قبل. نظرًا لأن سرعات الاتصال بالإنترنت تنمو بسرعة كبيرة، ولا يهتم سوى عدد قليل من الأشخاص بالإضافات 100-200 كيلو بايت.

الطرح الثاني ليس مهمًا أيضًا. المتصفحات الوحيدة الأكثر أو الأقل شعبية التي لن تفهم هذا الرمز هي IE8 وما دونهبالإضافة إلى دائرة الرقابة الداخلية. سوف تفهم جميع المتصفحات الحديثة الأخرى هذا الرمز دون أي مشاكل.

معتبرا أن IE8لا يزال يتمتع بشعبية نسبية، فأنا شخصياً سأنسحب في الوقت الحالي لا تزال الخطوط غير القياسية متاحة كصور، لكنني آمل حقًا أن يصبح هذا المتصفح تاريخًا في المستقبل القريب، وبعد ذلك سيكون من الممكن استخدامه @font-face وخطوط ttf.

ملاحظة.تهانينا لجميع النساء في عطلة الربيع!

في أحدث الإصدارات محرر النص مايكروسوفت ووردهناك مجموعة كبيرة إلى حد ما من الخطوط المضمنة. يتكون معظمها، كما هو متوقع، من أحرف، لكن بعضها يستخدم رموزًا وإشارات مختلفة بدلاً من الحروف، وهو أيضًا مناسب جدًا وضروري في العديد من المواقف.

ومع ذلك، بغض النظر عن عدد الخطوط المضمنة في MS Word، فإن المجموعة القياسية لن تكون كافية دائما للمستخدمين النشطين للبرنامج، خاصة إذا كنت تريد شيئا غير عادي حقا. ليس من المستغرب أن تجد على الإنترنت العديد من الخطوط لمحرر النصوص هذا الذي أنشأه مطورو الطرف الثالث. ولهذا السبب سنتحدث في هذه المقالة عن كيفية إضافة خط إلى Word.

تحذير هام:قم بتنزيل الخطوط، مثل أي برنامج آخر، فقط من المواقع الموثوقة، حيث قد يحتوي الكثير منها على فيروسات وبرامج ضارة أخرى. لا تنس سلامتك وسلامة بياناتك الشخصية، ولا تقم بتنزيل الخطوط المقدمة في ملفات تثبيت EXE، حيث يتم توزيعها فعليًا في أرشيفات تحتوي على ملفات بتنسيق OTF أو TTF المدعوم من نظام التشغيل Windows.

فيما يلي قائمة بالموارد الآمنة التي يمكنك من خلالها تنزيل الخطوط لبرنامج MS Word والبرامج المتوافقة الأخرى:

لاحظ أن جميع المواقع المذكورة أعلاه يتم تنفيذها بشكل ملائم للغاية ويتم تقديم كل خط من الخطوط بشكل واضح ومفهوم هناك. أي أنك تنظر إلى صورة المعاينة، وتقرر ما إذا كنت تحب هذا الخط وما إذا كنت بحاجة إليه على الإطلاق، وبعد ذلك فقط قم بتنزيله. اذا هيا بنا نبدأ.

1. حدد الخط المناسب على أحد المواقع التي نقدمها (أو على موقع آخر تثق به تمامًا) وقم بتنزيله.

2. انتقل إلى المجلد الذي قمت بتنزيل الأرشيف فيه (أو مجرد ملف) بالخط (الخطوط). في حالتنا، هذا هو سطح المكتب.

3. افتح الأرشيف واستخرج محتوياته إلى أي مجلد مناسب. إذا قمت بتنزيل الخطوط التي لم يتم أرشفتها، فما عليك سوى نقلها إلى موقع حيث يمكنك الوصول إليها بسهولة. لا تغلق هذا المجلد.

ملحوظة:بالإضافة إلى ملف OTF أو TTF، قد يحتوي الأرشيف الذي يحتوي على خطوط أيضًا على ملفات بتنسيقات أخرى، على سبيل المثال، صورة و وثيقة نصية، كما في مثالنا. ليس من الضروري استخراج هذه الملفات.

4. افتح .
في ويندوز 8 - 10يمكنك القيام بذلك باستخدام المفاتيح فوز + X، حيث تحتاج إلى التحديد في القائمة التي تظهر. بدلاً من المفاتيح، يمكنك أيضًا النقر بزر الماوس الأيمن على أيقونة القائمة "يبدأ".

في ويندوز إكس بي - 7هذا القسم موجود في القائمة "يبدأ" — .

5. إذا كان في وضع العرض "فئات"، كما في مثالنا، قم بالتبديل إلى وضع عرض الرموز الصغيرة - وبهذه الطريقة يمكنك العثور بسرعة على العنصر الذي تحتاجه.

6. ابحث عن العنصر هناك "الخطوط"(على الأرجح سيكون واحدًا من الأخيرين) وانقر عليه.

7. سيتم فتح مجلد به خطوط مثبتة على نظام التشغيل Windows. ضع ملف (ملفات) الخطوط التي تم تنزيلها مسبقًا واستخراجها من الأرشيف فيها.

نصيحة:يمكنك ببساطة سحبها (هم) بالماوس من مجلد إلى مجلد أو استخدام الأوامر السيطرة + C(نسخة) أو السيطرة + X(قطع) وبعد ذلك السيطرة+V(إدراج).

8. بعد عملية تهيئة قصيرة، سيتم تثبيت الخط على النظام وسيظهر في المجلد الذي قمت بنقله إليه.

ملحوظة:قد تتكون بعض الخطوط من ملفات متعددة (على سبيل المثال، عادي ومائل وغامق). في هذه الحالة، تحتاج إلى وضع كل هذه الملفات في مجلد الخطوط.

تثبيت خط جديد في Word

1. قم بتشغيل Word وابحث عن خط جديد في قائمة الخطوط القياسية المضمنة في البرنامج.

2. في كثير من الأحيان، العثور على خط جديد في القائمة ليس سهلا كما قد يبدو: أولا، هناك بالفعل الكثير منهم هناك، وثانيا، اسمه، على الرغم من كتابته بخطه الخاص، صغير جدا.

للعثور بسرعة على خط جديد في برنامج MS Word والبدء في استخدامه في الكتابة، افتح مربع حوار مجموعة "الخط" بالنقر فوق السهم الصغير الموجود في الركن الأيمن السفلي من هذه المجموعة.

3. مدرج "الخط"ابحث عن اسم الخط الجديد الذي قمت بتثبيته (في حالتنا هو ألتامونتي للاستخدام الشخصي) وحدده.

نصيحة:فى الشباك "عينة"يمكنك أن ترى كيف يبدو الخط. سيساعدك هذا في العثور عليه بشكل أسرع إذا كنت لا تتذكر اسم الخط، ولكن تذكره بصريًا.

4. بعد النقر "نعم"في مربع الحوار "الخط"، ستنتقل إلى الخط الجديد ويمكنك البدء في استخدامه.

تضمين الخط في مستند

بمجرد تثبيت الخط الجديد على جهاز الكمبيوتر الخاص بك، لن تتمكن من استخدامه إلا بنفسك. أي أنك إذا قمت بإرسال مستند نصي مكتوب بخط جديد إلى شخص آخر لم يتم تثبيت هذا الخط عليه في النظام، وبالتالي لم يتم دمجه في Word، فلن يتم عرضه له.

إذا كنت تريد أن يكون الخط الجديد متاحًا ليس فقط على جهاز الكمبيوتر الخاص بك (حسنًا، على الطابعة، أو بالأحرى على ورقة مطبوعة)، ولكن أيضًا على أجهزة الكمبيوتر الأخرى، والمستخدمين الآخرين، فيجب تضمينه في مستند نصي. اقرأ أدناه للحصول على معلومات حول كيفية القيام بذلك.

ملحوظة:سيؤدي تضمين خط في مستند إلى زيادة حجم مستند MS Word.

1. في مستند Word، انتقل إلى علامة التبويب "خيارات"والتي يمكن فتحها من خلال القائمة "ملف"(وورد 2010 - 2016) أو زر "مايكروسوفت اوفيس" (2003 — 2007).

2. في مربع الحوار "خيارات" الذي يفتح أمامك، انتقل إلى القسم "الحفظ".

3. حدد المربع المجاور للعنصر "تضمين الخطوط في الملف".

4. حدد ما إذا كنت تريد تضمين الأحرف المستخدمة في المستند الحالي فقط (سيؤدي ذلك إلى تقليل حجم الملف)، أو ما إذا كنت تريد استبعاد تضمين خطوط النظام (في الواقع، هذا ليس ضروريًا).

في الواقع، يمكننا أن ننتهي هنا، لأنك تعرف الآن كيفية تثبيت الخطوط في Word، بعد تثبيتها مسبقًا على Windows. نتمنى لك النجاح في إتقان وظائف جديدة وإمكانيات لا حدود لها. برامج مايكروسوفتكلمة.

بدون خط، من المستحيل الحصول على كتب أو مدونات أو إعلانات حول رسم الدورات التدريبية أو إنشاء رقاقات ثلجية من الكريات. يعتمد الكثير على اختيار الخط الصحيح. الخط، مثل وجه الشخص، يمكن أن يعكس ويثير المشاعر والمزاج. على سبيل المثال، تريد أن يكون الناس سعداء بعد قراءة النص الخاص بك، ولكن لسبب ما يظلون غير مبالين. قد يكون بيت القصيد هو الخط الخطأ الذي تم اختياره. وهذا يسبب التنافر المعرفي.

في كتاب On Type، يوضح إريك سبيكرمان، الخبير رقم 1 في الكتابة، أن الطباعة ليست فنًا للنخبة، ولكنها أداة قوية متاحة لكل من لديه ما يقوله ويريد التعبير عن أفكاره بشكل صحيح، سواء على المستوى الورق وعلى الورق الشاشة.

هنا يتم شرح التصميم بلغة بسيطة، ولم يعد الخط شيئًا غير مفهوم. ذات مغزى، قوية، مثيرة للاهتمام. لقد قرأ هذا الكتاب بالفعل ملايين الأشخاص حول العالم. الآن هو أيضا باللغة الروسية.

تعرف على إريك سبيكرمان

إريك سبيكرمان مصمم وأستاذ في أكاديمية بريمن للفنون وعضو في مجلس التصميم الألماني ورئيس الجمعية الدولية لمصممي الطباعة.

إريك لديه شغف بالخطوط. يمكنه بسهولة معرفة العصر الذي ينتمي إليه خط معين. أي خط سيُظهر حبك وأي خط سيُظهر نواياك الجادة.

إريك سبيكرمان وأشهر عباراته عن النوع.

إذا سبق لك أن زرت ألمانيا واستقلت القطارات الألمانية، فإن النقوش والرسوم البيانية واللافتات التي رأيتها في المحطات والمنصات والمحطات مكتوبة بخط Deutsche Bahn، الذي صممته أيدي إريك سبيكرمان. كما قام أيضًا بإنشاء الخط الخاص بـ Audi، وهو تصميم لمجلة The Economicist. ولقد كتبت هذا الكتاب.

"إن جمال منشوراته هو أنها كتبها إريك لغير المصممين. هذا ما يحبه الناس حقًا - التصميم والطباعة باللغة البشرية العادية. سبيكرمان - إنه ببساطة بابا الطباعة الحديثة والتصميم بشكل عام.
ناتالي راتكوفسكي

ماذا في الداخل؟ ماذا يوجد في الداخل؟

هذا عالم موازٍ حقيقي حيث الخطوط هي سكانه الرئيسيون. وسيعلمك هذا الكتاب فهم الخطوط مثل ظهر يدك. هناك عدد كبير من الأمثلة في الكتاب.

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

تتمثل مهارة عرض المعلومات في ضمان عدم تشتيت انتباه القارئ، والقراءة حتى النهاية، وفهم ما تريد قوله. هذا هو فن اختيار الخط.

حروف ذات طابع

ألق نظرة فاحصة على الحرف: هل هو خفيف أم ضخم، مستدير أم مربع، رفيع أم قصير. كيف تبدو؟ يمكن للحروف أن تقف منتبهة مثل الجنود، أو يمكنها أن تغني أو ترقص برشاقة في سطر، يمكنها أن تصرخ أو تضحك. بعض الكلمات لا تبدو سليمة فحسب، بل تبدو أيضًا أكثر متعة من غيرها.

خط للشك والمفاجأة والغضب والفرح. رسم توضيحي من الكتاب

في الخط الخاص بكلمة الفرح ("الفرح") أشكال مفتوحةوالسكتات الدماغية الواثقة والشعور بالديناميكيات. ومن الجميل أن نرى أن بعض الكلمات تحتوي على تفسير بالحروف المكونة لها. هذه الأشكال الفضفاضة والسهلة ستجعلك بالتأكيد تفكر في شخص مرح ومفتوح الذراعين، وخاصة حرف Y.

تتوافق الخطوط العريضة ذات الخطوط العريضة الحادة مع المشاعر القاتمة، في حين يتم نقل المشاعر الممتعة بشكل أفضل في الخطوط الخفيفة وغير الرسمية.

خط كافكا

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

اليوم، مع تطور الأدوات الرقمية، أصبحت الخطوط المكتوبة بخط اليد أكثر غرابة وتخصيصًا. يمكنك الآن شراء "الكتابة اليدوية" للفنانين والكتاب المشهورين مثل بيكاسو وسيزان وفرانز كافكا.

خطوط مجموعة مستر ك رسم توضيحي من الكتاب

كانت مخطوطات الأخير غير مقروءة تماما، لكن هذا لم يمنع يوليا Sysmäläinen - لقد طورت خط السيد. ك - بخط كافكا - مع كل العيوب التي ربما يرغب الكاتب في تجنبها.

لغز الطباعة

هيّا بنا لنلعب. ما هو الخط الذي تعتقد أنه يناسب كل نوع من أنواع الأحذية؟

رسم توضيحي من الكتاب.

الخط الذي تختاره

ربما كنت في هذا الموقف: في وقت متأخر من المساء، رحلة طيران في الساعة السادسة صباحًا، وما زلت تحزم حقيبتك ولا تستطيع أن تقرر ما الذي ستأخذه معك.

يحدث هذا عند اختيار الخط.

اختيار الخط المناسب لرسالة معينة أمر مثير للاهتمام وصعب في نفس الوقت. ماذا تريد أن تضع في الرسالة، بخلاف الحقائق؟ كيف تريد تفسيرها والتعليق عليها وتزيينها؟ إذا اخترت خطًا "محايدًا"، مثل Times New Roman، فستكون الرسالة محايدة.

من خلال التفكير في مظهر الرسالة، فإنك تفسرها بطريقة أو بأخرى.

قبل أن تضع الخطوط في حقيبة خيالية، ألقِ نظرة على المشكلة. من الضروري الموازنة بين التطبيق العملي والجماليات.

نحن نربط مظهر خط معين بمنتج معين. وبالتالي، فإن النقوش المكتوبة بخط اليد المرتجلة أكثر ملاءمة للمنتجات الطازجة. ترتبط السلع المخبوزة بالرقاقات ذات الشكل الناعم، ويتم تمثيل الحبوب الكاملة بشكل أفضل من خلال الخطوط المكتوبة بخط اليد بسرعة مع الخطوط العريضة المتعرجة، وترتبط المشاريع التجارية الجادة بعصر النقش على النحاس؛ وتم إنتاج الأوراق المالية في شكل شهادات مطبوعة متقنة.

انتشار الكتاب

لا يزال في الكتاب

مع هذا الكتاب، سوف تنظر إلى الخطوط بطريقة جديدة، وتتعلم كيفية فهمها واختيار الخط المناسب لأغراضك. يحتوي الكتاب على الكثير من المعلومات المثيرة للاهتمام والعملية:

• تاريخ تطور الخطوط
• اختيار الخط لمهمة محددة
• سهولة القراءة ووضوح الخط
• كيفية عمل الخط
• ميزات خط الشاشة
• صحيفة، مجلة، تخطيط كتاب للنص
• مستقبل الخطوط
• قائمة الأدبيات والمواقع على الطباعة

…200 صفحة من الحقائق التاريخية المثيرة للاهتمام، نصائح مفيدةعلى اختيار الخطوط واستخدامها، أمثلة توضيحية جميلة.

يمكنك قضاء حياتك كلها في تعلم اختيار الخط المناسب، وهو أمر مثير للاهتمام للغاية، يشبه تقريبًا إتقان الألوان المائية. إنها مفيدة أيضًا لأنها إحدى الطرق لنقل الأفكار إلى جمهورك. تكوين صداقات مع الخطوط!

مرحبا عزيزي القراء!

كتبت في مقال سابق عن كيفية تصميم المحتوى على موقع ويب يقوم بتشغيل WordPress بطريقة غير قياسية باستخدام أنماط CSS المضمنة. باستخدام الأنماط، يمكنك، من بين أشياء أخرى، تغيير الخط المستخدم في النص.

الخطوط الخاصة بموقع الويب هي العنصر الأكثر أهمية في تصميمه. سلوك الزائر في الصفحة يعتمد على اختياره الصحيح. من الضروري اختيار نوع الخط المناسب وحجمه وسمكه وميله ولونه، بحيث يتم دمج كل هذا بشكل متناغم مع التصميم العام.

ولكن في بعض الأحيان تكون هناك حاجة لاستخدام بعض الخطوط غير العادية، وقد تم الآن تطوير عدد لا يحصى منها - فنية، مكتوبة بخط اليد، قوطية، روسية قديمة، وما إلى ذلك. هل يمكن استخدام أي منها على الموقع؟

فمن الممكن، ولكن هناك شروط معينة.

الخطوط القياسية والمخصصة

لكي يتم عرض الخط الذي تختاره بشكل صحيح على شاشة المستخدم، يجب تثبيته على جهاز الكمبيوتر الخاص به. عند تثبيت نظام التشغيل، نتلقى أيضًا مجموعة معينة من الخطوط. هذه المجموعة تسمى القياسية. يحتوي كل نظام تشغيل على قائمة خاصة به من الخطوط القياسية. ولكن هناك الخطوط الموجودة في كل شيء أنظمة التشغيل، يطلق عليهم آمنة. يمكنك استخدام أي منها بأمان على موقع الويب الخاص بك دون خوف من عدم عرضها بشكل صحيح على جهاز الكمبيوتر الخاص بالزائر. وبطبيعة الحال، هذه الخطوط هي الأكثر شعبية، وتستخدم لكتابة المحتوى على معظم المواقع، كما أنها سهلة القراءة.

بالإضافة إلى الخطوط القياسية، يمكن للمستخدم تثبيت خطوط أخرى غير قياسية على جهاز الكمبيوتر الخاص به، ولكن قد تنشأ مشاكل مع عرضها. في بعض الأحيان يستخدم المستخدمون عديمي الخبرة، الذين يقومون بإعداد مستند نصي عادي في Word أو عرض تقديمي، بعض الخطوط الفنية الجميلة التي عثروا عليها على الإنترنت وقاموا بتثبيتها على أجهزة الكمبيوتر الخاصة بهم. عند التحضير، يبدو كل شيء رائعًا، ولكن عندما يبدأون في مشاهدة هذا العرض التقديمي على كمبيوتر آخر، يتبين أن هذا الخط الجميل قد تم استبداله بخط عادي ومعياري.

نفس الشيء يحدث مع المواقع. لكي يتم عرض الخط غير القياسي الذي تستخدمه بشكل صحيح على كمبيوتر زائر الموقع، يجب تثبيته على كمبيوتر زائر الموقع. لكن لا يمكنك مطالبة آلاف الزوار بتثبيت خط معين لعرض موقعك.

كيفية حل هذه المشكلة؟

للقيام بذلك، تحتاج إلى توصيل الخطوط اللازمة بالموقع.

كيفية ربط الخطوط لموقع على شبكة الإنترنت

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

في هذه المقالة سوف نلقي نظرة فاحصة على الطريقة الأولى.

العمل مع خدمة خطوط جوجل

دعنا نبدء ب خدمة جوجلالخطوط، باعتبارها الأكثر شهرة وموثوقة.

ليس من قبيل الصدفة أن أتحدث عن الموثوقية، لأنه إذا كنت تستخدم موردًا تابعًا لجهة خارجية على موقع الويب الخاص بك، فيجب التحقق منه وموثوق به. أثناء إعداد هذه المقالة، قمت بزيارة العديد من المواقع التي تحتوي على مجموعات من الخطوط الموجودة في إشاراتي المرجعية. لقد استخدمتها من قبل، لكن اتضح أن أحدهما تم تعطيله لعدم دفع الاستضافة، والآخر الذي اشتريته ذات مرة للغاية الخطوط الجميلة، تم حظره بواسطة برنامج مكافحة الفيروسات.

في الموقع ، كما يتبين من لقطة الشاشة، على هذه اللحظةتحتوي المجموعة على 708 خطوط، لكن ليست جميعها مناسبة لنا. بالنسبة للمواقع الناطقة باللغة الروسية، هناك حاجة إلى الخطوط التي تدعم السيريلية. على اليسار هناك مرشحات للاختيار، حيث في القائمة المنسدلة النصييختار السيريلية,وبعد ذلك يتبقى بالفعل 61 خيارًا. نختار منهم. أضف الخطوط التي تريدها إلى المجموعة بالضغط على الزر .

بعد التحديد، انتقل إلى العنصر التالي - الزر مراجعة. في الصفحة التي تفتح، يمكنك رؤية كيف سيبدو النص ومحاولة تغيير معلماته.

بعد ذلك ننتقل إلى النقطة الأخيرة - الزر يستخدم. هنا يمكنك نسخ الكود لتوصيل الخط بالموقع.

يجب إدراج هذا الرمز في صفحة HTML الخاصة بموقعك بين العلامات<رأس> ورأس>. بالنسبة لمواقع WordPress، توجد هذه العلامات في ملف الرأس header.php. الخطوة 4 تنسخ الكود لوصف نمط CSS.

كما ترون فقد اخترت ثلاثة خيارات، وإذا قمت الآن بكتابة الكود التالي في محرر WordPress HTML:

ثم سيظهر على الصفحة بهذا الشكل:

تم تنسيق هذا النص بطريقة غير قياسية. بوارت واحد.

هناك طريقتان رئيسيتان للقيام بذلك. روسو وان.

دعونا نلقي نظرة فاحصة على الطريقة الأولى. مارك سكريبت.

العمل مع خدمة AllFont.ru

آخر خدمة جيدةلتحديد خط للموقع - . يبدو أن هناك المزيد من الخيارات هنا. على الأقل هو أكثر تنوعا. يمكنك اختيار استخدام أداة التقييم أو البحث بالاسم.

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

بعد ذلك، يمكنك نسخ رموز التضمين إلى الموقع. يتم كل شيء بنفس الطريقة التي تم بها على موقع Google Fonts. لقد اخترت الخط AGZeppelin-Roman كمثال، انظر كيف يبدو.

مرحبا بكم في أكبر مكتبة AllFont.ru

أتمنى أن تجد المقال مفيدا إذا كان الأمر كذلك، الاشتراك في تحديثات المدونة،حيث يتم إعداد مقالات مفيدة جديدة.

اراك قريبا.