მიუხედავად იმისა, რომ სურათები ბევრ სიყვარულს მიიღებს, როდესაც ის მოდის ვებსაიტებზე, ეს არის წერილობითი სიტყვა, რომელიც მიმართავს საძიებო სისტემებს და ახორციელებს მეტ შინაარსს. როგორც ასეთი, ტიპოგრაფიული დიზაინი არის დიზაინის კრიტიკულად მნიშვნელოვანი ნაწილი. საიტის ტექსტის მნიშვნელობით საჭიროა იმის უზრუნველყოფა, რომ ეს კარგად გამოიყურება და ადვილად იკითხება. ეს კეთდება CSS (Cascading Style Sheets) სტილის სტილით.
ვებ-გვერდის თანამედროვე დიზაინის სტანდარტის შემდეგ, როდესაც გსურთ შეადგინოთ საიტის ტექსტის შინაარსის ნახვა, თქვენ ამას აკეთებთ CSS- ის გამოყენებით. ეს ჰყოფს, რომ CSS სტილი საწყისი HTML სტრუქტურა გვერდზე. მაგალითისთვის, თუ გსურთ "Arial" - ს გვერდზე მოთავსებული შრიფტი, ამის გაკეთება შეგიძლია თქვენს CSS- ზე შემდეგი სტილის წესით (შენიშვნა - ეს სავარაუდოდ გაკეთდება გარე CSS სტილის ცხრილში ყოველ გვერდზე ნახვა):
სხეული {font-family: Arial; }ეს შრიფტი განკუთვნილია "სხეულისთვის", ამიტომ CSS კასკადი სტილის ყველა გვერდზე გამოიყენებს სტილს. ეს იმიტომ ხდება, რომ ყველა სხვა HTML ელემენტი არის "სხეულის" ელემენტის შვილი, CSS სტილის მსგავსად, შრიფტის ოჯახს ან ფერს, რომელიც მშობელს ბავშვის ელემენტზე კასკადებს. ეს იქნება შემთხვევა, თუ კონკრეტული ელემენტებისთვის უფრო კონკრეტული სტილის დამატება არ მოხდება. ერთადერთი პრობლემა ამ CSS არის ის, რომ მხოლოდ ერთი შრიფტი მითითებულია. თუ ეს შრიფტი ვერ მოიძებნა რაიმე მიზეზით, ბრაუზერი თავის ადგილს შეცვლის. ეს ცუდია, რადგან თქვენ არ გაქვთ კონტროლი იმის შესახებ, თუ რა შრიფტი გამოიყენება - ბრაუზერი თქვენთვის აირჩიოს და შეიძლება არ მოგეწონოთ ის, რაც გადაწყვიტა! ეს არის სადაც შრიფტის სტეკი მოდის
შრიფტის ფსონი არის შრიფტის სიაში CSS შრიფტის დეკლარაციაში. შრიფტები ჩამოთვლილია უპირატესობის მიხედვით, რომ მათ სურთ, რომ გამოჩნდეს საიტზე, როგორც პრობლემა, როგორც შრიფტი არ იტვირთება. შრიფტის დასტის საშუალებას აძლევს დიზაინერს გააკონტროლოს შრიფტის სახით ვებ გვერდზე, მაშინაც კი, თუ კომპიუტერი არ ჰყავს პირველადი შრიფტი, რომელსაც ეწოდა.
ასე რომ, როგორ შრიფტის სახეს გამოიყურება? აქ არის მაგალითი:
სხეული {font-family: Georgia, "Times New Roman", serif; }აქ არის რამდენიმე რამ შენიშვნა.
პირველი, დაინახავთ, რომ ჩვენ სხვადასხვა შრიფტის სახელს მძიმით გამოვყოფთ. თითოეულ მათგანს შორის თქვენ შეგიძლიათ დაამატოთ როგორც ბევრი შრიფტები, როგორც გსურთ, რადგან ისინი გამოყოფილია მძიმით. ბრაუზერი შეეცდება პირველი შრიფტის მითითებას. თუ ეს ვერ მოხერხდა, ის ხაზს უსვამს თითოეულ შრიფტს, სანამ არ აღმოაჩენს მას, რომ ის გამოიყენოს. ამ მაგალითში ჩვენ ვგეგმავთ ვებ-უსაფრთხო შრიფტებს და "საქართველო" სავარაუდოდ აღმოჩნდება იმ კომპიუტერზე, რომელიც სტუმრობს საიტზე (შენიშვნა - ბრაუზერი გამოიყურება თქვენს კომპიუტერში გვერდზე მითითებულ შრიფტებად, ამიტომ საიტი რეალურად ეუბნება კომპიუტერი, რომელიც შორდება თქვენს სისტემას). თუ რაიმე მიზეზით, რომ შრიფტი ვერ მოიძებნა, ეს იქნებოდა გადაადგილება ქვემოთ დასტის და სცადეთ შემდეგი შრიფტი მითითებულია.
თვალსაზრისით, რომ შემდეგი შრიფტი, შეამჩნია, როგორ წერია დასტის. "Times New Roman" - ის სახელი, ორმაგი ციტატით არის მოთავსებული. ეს იმიტომ, რომ შრიფტის სახელი მრავლობითი სიტყვებია. ნებისმიერი შრიფტის სახელები ერთზე მეტი სიტყვა (Trebuchet MS, Courier New და ა.შ.) უნდა ჰქონდეს სახელი ორმაგ შეთავაზებებს, რათა ბრაუზერი იცოდეს, რომ ყველა ეს სიტყვა არის ერთი შრიფტის სახელი.
საბოლოოდ, ჩვენ დასრულდება შრიფტის დასტის ერთად "serif", რომელიც არის ზოგადი შრიფტის კლასიფიკაცია. ნაკლებად სავარაუდოა, რომ არც ერთი შრიფტი არ დაასახელეთ თქვენი დასტისთვის, ბრაუზერი ნაცვლად იპოვის შრიფტს, რომელიც მაინც შეესაბამება თქვენს მიერ არჩეულ სათანადო კლასიფიკაციას. მაგალითად, თუ თქვენ იყენებთ Sans-serif შრიფტები, როგორიცაა Arial და Verdana, ვიდრე დამთავრების შრიფტის დასტის ერთად კლასიფიკაციით "sans-serif" მინიმუმ შენარჩუნება შრიფტის რომ საერთო ოჯახის თუ არსებობს დატვირთვის პრობლემა. ალბათ, ძალიან იშვიათია, რომ ბრაუზერი ვერ პოულობს რომელიმე შრიფტის ჩამოთვლას და ნაცვლად გამოიყენოს ეს ზოგადი კლასიფიკაცია, ეს არის საუკეთესო პრაქტიკა, რომ ის მაინც იყოს ორმაგად უსაფრთხოდ.
ფონტის Stacks და ვებ ფონტები
ბევრი ვებ-გვერდი დღეს ვებ-შრიფტებს იყენებენ, რომლებიც სხვა რესურსებთან ერთად (საიტის გამოსახულება, ჯავასკრიფტის ფაილი და ა.შ.) ერთად ან Google- ის ფონტებით ან Typekit- ის ბაზაზე არიან განთავსებული. მიუხედავად იმისა, რომ ეს შრიფტები უნდა ჩატვირთოს, რადგან თქვენ აკავშირებთ ფაილებს, თქვენ კვლავ გსურთ გამოიყენოთ შრიფტის დასტა, რათა უზრუნველყოთ, რომ თქვენ გაქვთ გარკვეული საკითხები, რომლებიც შეიძლება წარმოიშვას. იგივე ხდება ვებ-საიტების შრიფტები, რომელიც უნდა იყოს ვინმეს კომპიუტერზე (გაითვალისწინეთ, რომ ამ სტატიაში გამოყენებული შრიფტები, მათ შორის Arial, Verdana, Georgia და Times New Roman- ის ყველა ვებ-უსაფრთხო შრიფტია პირის კომპიუტერზე). მიუხედავად იმისა, რომ შტრიხის ალბათობა ძალიან დაბალია, შრიფტის სტრიქონის განსაზღვრა ხელს შეუწყობს უბნის ტიპოგრაფიული დიზაინის მაქსიმალურად მოხვედრას.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 8/9/17