საუკეთესო ვებ შრიფტები. საუკეთესო უფასო შრიფტები დიზაინერებისთვის

• თარგმანი

ახლა დროა აამაღლოთ თქვენი დიზაინი ვებ შრიფტებით.

გადაჭარბებული არ არის იმის თქმა, რომ ვებ ტიპოგრაფია ახლა გადის თავისი ცხოვრების ამაღელვებელ პერიოდს. ბოლოდროინდელმა ტექნოლოგიურმა ნახტომებმა ერთი ნაბიჯით დაგვაახლოვა ინტერნეტის ტიპოგრაფიულ ნირვანასთან. ნაბიჯი, რომელსაც ყველა ელოდა.

ყველა ძირითად ოპერაციულ სისტემაზე უსაფრთხო სიის გარეთ ვებ შრიფტების გამოყენების თავისუფლება შესაძლებელი გახდა, დიდწილად, სამი ძირითადი, თითქმის ერთდროული ტექნოლოგიური ფაქტორით: ბრაუზერებში @font-face წესის ფართო მხარდაჭერა; ისეთი „შრიფტის საცავების“ გაჩენა, როგორიცაა Typekit და Fontdeck; ახალი შრიფტის ფორმატის შექმნა - დაარქივებული WOFF ფონტის ფაილი.

* ამ შრიფტებიდან რამდენიმე ხელმისაწვდომია კირილიცაზე, ასე რომ, ეს არჩევანი უფრო შესაფერისია "აუთსორსერებისთვის". იმედი ვიქონიოთ, რომ ამ და არა მხოლოდ შრიფტები სლავური ენებისთვის კირილიცაში მალე გამოჩნდება.ტეგების დამატება

ტექსტის საჩვენებლად გამოყენებული შრიფტი გავლენას ახდენს მის აღქმაზე. ამიტომ, ამ სტატიაში ჩვენ შევკრიბეთ 2016 წლის საუკეთესო უფასო შრიფტები ვებ დიზაინერებისთვის, რომლებიც დაეხმარება თქვენს ბეჭდურ მასალებს და ვებსაიტებს გამოიყურებოდეს პროფესიონალურად.

ტოპ 10 კირიული შრიფტი

მაღალი ხარისხის კირილიცას შრიფტების პოვნა ადვილი არ არის, მაგრამ ჯერ კიდევ ბევრია, ვიდრე ადრე. ქვემოთ მოყვანილი სია შეიცავს როგორც ჩვეულებრივ serif და sans serifs, ასევე ულტრა ელეგანტურ შრიფტებს განსაკუთრებული შემთხვევებისთვის.

5. ოსვალდი- კლასიკური ოდნავ შეკუმშული sans-serif შრიფტი, რომელიც კარგად გამოიყურება ნებისმიერ მოწყობილობაზე:

6. Jura არის ელეგანტური დახრილი შრიფტი მრგვალი ფორმებით, საუკეთესოდ შეეფერება ქვესათაურებს ან ტექსტურ ასლს:

7. Exo 2 არის უნივერსალური ტექნოლოგიური შრიფტი რამდენიმე სტილით, ამიტომ საკმარისი იქნება გვერდზე ტექსტური ელემენტების უმეტესობის გაფორმება:

8. პომპერიაშესაფერისია თქვენთვის, თუ ეძებთ ელეგანტურ, მაგრამ არც ისე სერიოზულ შრიფტს:

9. Aclonica არის კიდევ ერთი ძლიერი შრიფტი მიმზიდველი სათაურებისთვის და დაბეჭდილი სარეკლამო ნივთებისთვის:

10. Museo არის sans-serif შრიფტი, რომელიც კარგად გამოიყურება მცირე და დიდ ზომებში, რაც იმას ნიშნავს, რომ შესაფერისია მენიუს ელემენტების საჩვენებლად, ასევე გვერდის ძირითადი ტექსტისთვის. ხელმისაწვდომია უფასოდ Museo Sans 500 და Museo Sans ვარიანტებში:

ამ სტატიაში ჩვენ მივაწოდეთ შრიფტები პროფესიონალი გრაფიკული დიზაინერებისთვის, რომლებიც შეიძლება გამოყენებულ იქნას გვერდების ან ბეჭდური მასალების შესაქმნელად. ხელმისაწვდომი შრიფტების დიდი რაოდენობა ხშირად დამაბნეველია, რადგან ამავდროულად საჭიროა მათი სწორად შერწყმა. აქ მოცემულია შრიფტების გაერთიანების წესები, რომლებიც დაგეხმარებათ ამ ამოცანის შესრულებაში:

1. არ გამოიყენოთ ზედმეტად კონტრასტული შრიფტები - შეიძლება აღმოჩნდეს, რომ თითოეულმა მათგანმა ყურადღება მიიპყრო, მკითხველს შინაარსიდან გადაიტანოს ყურადღება.
2. მაგრამ არ აირჩიოთ ძალიან მსგავსი - ისინი გაერთიანდებიან და შექმნიან არასრულყოფილების განცდას.
3. შექმენით ვიზუალური იერარქია - გახსოვდეთ, როგორ გამოიყურება ჩვეულებრივ ბეჭდური გაზეთები: ისინი ნათლად აჩვენებენ სათაურების სტრუქტურას.
4. ნუ დაივიწყებთ კონტექსტზე - ბოლოს და ბოლოს, დიზაინი იქმნება არა მხოლოდ ასე, არამედ კონკრეტული კომპანიის საჭიროებების შესაბამისად.
5. არ გამოიყენოთ სამზე მეტი სხვადასხვა შრიფტი ერთ გვერდზე.

2018 წლისთვის, მაღალი ხარისხის უფასო შრიფტების რაოდენობა დიზაინერებს საშუალებას აძლევს სრულად იმუშაონ ამოცანებზე ყოველგვარი ყოყმანის არჩევისას. ამიტომ, ჩვენ დავწერეთ საუკეთესო უფასო შრიფტების შესახებ.

სტუდია აწარმოებს ვებსაიტებსა და აპლიკაციებს Android-ისთვის და iOS-ისთვის და ჩვენ სიამოვნებით დავეხმარებით თქვენს ბიზნესს მომხმარებლების მოზიდვაში უნიკალური და ცნობადი დიზაინით.

• თარგმანი

ახლა დროა აამაღლოთ თქვენი დიზაინი ვებ შრიფტებით.

გადაჭარბებული არ არის იმის თქმა, რომ ვებ ტიპოგრაფია ახლა გადის თავისი ცხოვრების ამაღელვებელ პერიოდს. ბოლოდროინდელმა ტექნოლოგიურმა ნახტომებმა ერთი ნაბიჯით დაგვაახლოვა ინტერნეტის ტიპოგრაფიულ ნირვანასთან. ნაბიჯი, რომელსაც ყველა ელოდა.

ყველა ძირითად ოპერაციულ სისტემაზე უსაფრთხო სიის გარეთ ვებ შრიფტების გამოყენების თავისუფლება შესაძლებელი გახდა, დიდწილად, სამი ძირითადი, თითქმის ერთდროული ტექნოლოგიური ფაქტორით: ბრაუზერებში @font-face წესის ფართო მხარდაჭერა; ისეთი „შრიფტის საცავების“ გაჩენა, როგორიცაა Typekit და Fontdeck; ახალი შრიფტის ფორმატის შექმნა - დაარქივებული WOFF ფონტის ფაილი.

* ამ შრიფტებიდან რამდენიმე ხელმისაწვდომია კირილიცაზე, ასე რომ, ეს არჩევანი უფრო შესაფერისია "აუთსორსერებისთვის". იმედი ვიქონიოთ, რომ ამ და არა მხოლოდ შრიფტები სლავური ენებისთვის კირილიცაში მალე გამოჩნდება.ტეგების დამატება

თავის პირველი ნაწილი ეძღვნება CSS შრიფტების გაცნობას. ამ გვერდზე თქვენ შეისწავლით როგორ ჩართოთ შრიფტები CSS-ში, რა არის ვებ შრიფტები და როგორ ვიმუშაოთ მათთან, რა ფონტის ფორმატებია ხელმისაწვდომი, როგორ გამოიყენოთ Google Fonts. პირველ რიგში, მოდით შევხედოთ CSS შრიფტის ჩართვის მარტივ მაგალითს:

P (შრიფტი-ოჯახი: Verdana; )

კოდის ეს პატარა ნაწილი ნიშნავს, რომ ყველა ტეგია

გამოყენებულია Verdana შრიფტი. font-family თვისება ადგენს რომელი შრიფტი ან font-family იქნება გამოყენებული. მომხმარებლის ბრაუზერში ამ სტილის სწორი ჩვენება დამოკიდებულია იმაზე, არის თუ არა მითითებული შრიფტი მომხმარებლის კომპიუტერზე დაინსტალირებული. ჩვენს შემთხვევაში, თუ მომხმარებლის კომპიუტერს არ აქვს Verdana ფონტი, ბრაუზერი აჩვენებს ნაგულისხმევ შრიფტს.

ერთ დროს დიზაინერებს დამატებით მოუწიათ რამდენიმე სათადარიგო შრიფტის მითითება იმ შემთხვევაში, თუ მთავარი არ იყო მომხმარებლის კომპიუტერში. დავუშვათ, რომ გსურთ თქვენი ტექსტის სტილისტიკა Verdana-ში და გამოიყენოთ Trebuchet MS, Geneva და ნებისმიერი sans-serif შრიფტი, როგორც ჩანაცვლება. ასე წერია:

P ( შრიფტი-ოჯახი: Verdana, "Trebuchet MS", ჟენევა, sans-serif; )

ამ კოდის დამუშავებისას ბრაუზერი პირველ რიგში შეამოწმებს მომხმარებლის კომპიუტერში Verdana შრიფტის არსებობას. თუ შრიფტი არსებობს, ტეგების შინაარსი

ნაჩვენებია ამ შრიფტით. თუ შრიფტი აკლია, ბრაუზერი შეამოწმებს სიაში შემდეგ შრიფტს, Trebuchet MS. თუ ეს შრიფტიც აკლია, შემოწმდება შემდეგი შრიფტის, Geneva-ს არსებობა. თუ მომხმარებლის კომპიუტერს ასევე არ აქვს Geneva, ბრაუზერი შეარჩევს სხვა ხელმისაწვდომ sans-serif შრიფტს და აჩვენებს მასში არსებულ ტექსტს.

Შენიშვნა:კოდში ჩავწერეთ Trebuchet MS შრიფტის სახელი ბრჭყალებში. აუცილებელია შრიფტის სახელის ორმაგი ან ერთჯერადი ბრჭყალებით აღება, როდესაც ის შეიცავს სივრცეებს.

თქვენ შეგიძლიათ წაიკითხოთ რა არის შრიფტი სერიფებით (serif) და გარეშე (sans-serif) ვიკიპედიის გვერდზე.

ვებ ფონტები

შრიფტების გამოყენების ზემოხსენებულ ხერხს აქვს უზარმაზარი მინუსი - თქვენ შეზღუდული ხართ შრიფტების რაოდენობაში. თქვენ მოგიწევთ დაკმაყოფილდეთ მხოლოდ იმ ოფციებით, რომლებიც, სავარაუდოდ, დაინსტალირებულია უმეტეს კომპიუტერებზე.

როგორ შეგიძლიათ გაზარდოთ შრიფტების არჩევანი, რომ გვერდის დიზაინი ინდივიდუალური გახადოთ, დაამატოთ ორიგინალობა? ვებ შრიფტები მოდიან სამაშველოში. წაიკითხეთ თავი შემდგომ და გაიგებთ როგორ იმუშაოთ მათთან.

ასე რომ, მომხმარებლის ბრაუზერში სასურველი შრიფტის გამოსატანად გვჭირდება ეს შრიფტი მის კომპიუტერში გადმოსაწერად. ამის გაკეთება საკმაოდ მარტივია. შრიფტების CSS-თან დაკავშირების ეს მეთოდი ნამდვილად დიდ შესაძლებლობებს უხსნის დიზაინერებს. მაგრამ უნდა აღინიშნოს მალამოში ბუზი: ჯერ ერთი, ყველა ბრაუზერს არ აქვს გარკვეული შრიფტის ფორმატის მხარდაჭერა (რაც გამოიწვევს იმ ფაქტს, რომ შრიფტი არ არის ნაჩვენები), და მეორეც, თუ შრიფტის ფაილი დიდია, მას შეუძლია შეანელოს. გვერდის ჩატვირთვა.

ფორმატის მხარდაჭერა

როგორ გავუმკლავდეთ ფაილის ფორმატის შეუსაბამობის პრობლემას? მოდით გადავხედოთ ცხრილს, სადაც ნაჩვენებია ყველაზე პოპულარული შრიფტის ფორმატები და გავარკვიოთ, რომელი ბრაუზერები უჭერენ მხარს მათ:

Შენიშვნა:ყოველთვის შეგიძლიათ იპოვოთ განახლებული ინფორმაცია შრიფტის ფორმატის მხარდაჭერის შესახებ caniuse.com-ზე. თქვენ უნდა შეიყვანოთ ფორმატის სახელი საძიებო ზოლში (მაგალითად, ttf).

თუ თქვენ მიმართავთ თანამედროვე ბრაუზერებს, საკმარისი იქნება გამოიყენოთ TTF შრიფტის ფორმატი - ყველაზე გავრცელებული და გამოყენებული. იმ შემთხვევაში, როდესაც ერთი და იგივე შრიფტის რამდენიმე ფორმატი გჭირდებათ, შეგიძლიათ გამოიყენოთ სპეციალური ონლაინ გადამყვანები ერთი ფორმატიდან მეორეზე და შემდეგ დააკავშიროთ ყველა ფაილი სათითაოდ. ამრიგად, ბრაუზერს შეეძლება აირჩიოს შრიფტის ფორმატი, რომლითაც ის მუშაობს.

ვებ შრიფტის ჩათვლით @font-face-ის გამოყენებით

ვთქვათ, თქვენ გაქვთ თქვენი უნიკალური შრიფტი სახელწოდებით MyUniqueFont TTF ფორმატში და გსურთ, რომ თქვენი ვებ გვერდის ძირითადი ტექსტი გამოჩნდეს ამ შრიფტით. პირველი რაც უნდა გააკეთოთ არის შრიფტის ფაილის კოპირება საქაღალდეში, სადაც განთავსებულია საიტის ყველა სხვა ფაილი. იმისათვის, რომ არ შეიქმნას არეულობა, შეგიძლიათ შექმნათ ცალკე საქაღალდე სპეციალურად შრიფტებისთვის, დაარქვით მას, მაგალითად, fonts.

@font-face ( font-family: MyUniqueFont; src: url ("fonts/MyUniqueFont.ttf"); )

font-family თვისება ამ შემთხვევაში განსხვავებულ როლს ასრულებს: მასთან ერთად მივანიჭებთ სახელს შრიფტს, რათა მოგვიანებით ეს სახელი გამოვიყენოთ სტილის დაწერისას:

P (შრიფტი-ოჯახი: MyUniqueFont;)

მეორე ხაზი მიუთითებს შრიფტის ფაილის გზას. ჩვენს მაგალითში MyUniqueFont.ttf ფაილი მდებარეობს შრიფტების საქაღალდეში. თქვენი URL შეიძლება განსხვავებული იყოს.

Google ფონტები

Google აადვილებს ნებისმიერი შრიფტის ჩართვას Google Fonts კოლექციიდან. ყველაფერი რაც თქვენ გჭირდებათ რომ დაიწყოთ თქვენთვის სასურველი შრიფტის გამოყენება არის Google-ის შრიფტის გვერდზე რამდენიმე პარამეტრის მითითება, შემდეგ ამ შრიფტის სპეციალური ბმული დააკოპირეთ და დაამატეთ იგი თქვენს ვებ დოკუმენტში.

Შენიშვნა: Google-ის შრიფტების მთელი კოლექცია ხელმისაწვდომია საიტზე Google ფონტები. გვერდზე, შეგიძლიათ გამოიყენოთ სხვადასხვა ფილტრები, რათა მოძებნოთ შრიფტები კატეგორიის, სისქის, ანბანის მიხედვით.

ქვემოთ ჩვენ აღვწერთ Google-ის შრიფტის დაკავშირების თითოეულ ნაბიჯს. იმის გასაგებად, რაზეა საუბარი, აირჩიეთ ნებისმიერი შრიფტი Google Fonts-ის გვერდიდან და გახსენით იგი ღილაკზე Quick-use დაწკაპუნებით.

ნაბიჯი 1: აირჩიეთ სტილი

უპირველეს ყოვლისა, არჩეული შრიფტის გვერდზე გამოჩნდება მისი სტილის ვარიანტები, ასევე სიჩქარის მაჩვენებლის ხატულა, რაც არაფერს ნიშნავს, თუ არა შრიფტის ჩატვირთვის სიჩქარე. რაც უფრო მეტ შრიფტის სტილს აირჩევთ, მით უფრო დიდი დრო დასჭირდება ჩატვირთვას. ამიტომ, რეკომენდებულია მხოლოდ იმ სტილის შერჩევა, რომელთა გამოყენებასაც აპირებთ.

ნაბიჯი 2: აირჩიეთ ანბანი

შემდგომ გვერდზე, შესაძლებელია აირჩიოთ სიმბოლოების ნაკრები: ლათინური, კირილიცა და ა.შ. შრიფტის მიხედვით, მასში ანბანის ყველა ვარიანტი შეიძლება არ იყოს ხელმისაწვდომი. წინა აბზაცის მსგავსად, უმჯობესია მონიშნოთ ველი მხოლოდ ანბანის წინ, რომელიც გჭირდებათ.

ნაბიჯი 3: დაამატეთ კოდი საიტზე

პირველი მეთოდი მოიცავს Google სერვერის ბმულის დამატებას HTML კოდში, საიდანაც ჩამოიტვირთება შრიფტი. თქვენ უნდა დააკოპიროთ უკვე დასრულებული კოდი და განათავსოთ იგი ტეგებს შორის თქვენს HTML დოკუმენტში. მაგალითი:

...

მეორე გზა არის შრიფტის ჩართვა @import დირექტივის გამოყენებით. დასრულებული კოდი არის მე-3 პუნქტის მეორე ჩანართში არჩეული Google შრიფტის გვერდზე. ის უნდა დაემატოს თქვენი სტილის ცხრილის ზედა ნაწილში (წინააღმდეგ შემთხვევაში ფაილი არ იქნება იმპორტირებული). კოდი ასე გამოიყურება:

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

პირველი მეთოდის თავისებურება ის არის, რომ თქვენ უნდა დაამატოთ ბმული შრიფტზე თითოეული გვერდის სათაურში, სადაც აპირებთ მის გამოყენებას. ამის დანერგვა მარტივია მცირე რაოდენობის გვერდებზე, მაგრამ პრობლემურია დიდი რესურსებისთვის. მეორე მეთოდი მოსახერხებელია იმით, რომ კოდი შეიძლება განთავსდეს გარე სტილის ფურცლის დასაწყისში, შემდეგ კი ყველა გვერდი, რომელსაც ეს ცხრილი უკავშირდება, მიიღებს საჭირო შრიფტს, რომელიც ჩაიტვირთება @import დირექტივის გამოყენებით.

ნაბიჯი 4: სტილი

წინა ნაბიჯების დასრულების შემდეგ შეგიძლიათ დაიწყოთ შრიფტის გამოყენება. თქვენ უკვე ნახეთ, როგორ იწერება ასეთი CSS წესი:

P (შრიფტი-ოჯახი: "Roboto", sans-serif;)

თუ პირველ ეტაპზე აირჩიეთ შრიფტის რამდენიმე ვარიანტი (მაგალითად, დაამატეთ Bold 700 თამამი შრიფტი), მაშინ მესამე ეტაპზე კოდი შეიცვლება ცოტათი:

@import url(http://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyrillic);

იმისათვის, რომ შრიფტი თამამი გახადოთ, ჩაწერეთ CSS სტილი ასე:

P (შრიფტი-ოჯახი: "Roboto", sans-serif; შრიფტის წონა: 700; )

Შენიშვნა: Google Fonts-ში მხოლოდ სტანდარტული ერთეულები 100-დან 900-მდე გამოიყენება შრიფტის წონის აღსანიშნავად. მაგალითად, ნორმალური (ნაგულისხმევი) უდრის 400-ს (ნორმალური), ხოლო სტანდარტული სქელი არის 700-ის ექვივალენტი (მამამი).

Google Fonts სერვისის ძირითადი უპირატესობებია:

• გამოყენების სიმარტივე (დამწყებსაც კი შეუძლია გაუმკლავდეს სერვისს და ყველა საჭირო კოდი ავტომატურად გენერირებულია - რჩება მხოლოდ მისი კოპირება);
• შრიფტების ხელმისაწვდომობა (არ არის საჭირო მათთვის გადახდა);
• ყველა გამოყენებული შრიფტის ფორმატი მოწოდებულია (ეს ნიშნავს, რომ თითოეული ბრაუზერი შეძლებს ზუსტად ჩატვირთოს შრიფტის ფორმატი, რომლითაც მუშაობს).

სერვისის ნაკლოვანებებს შორის არის შრიფტების არც თუ ისე დიდი მრავალფეროვნება, განსაკუთრებით კირიული. სხვათა შორის, ინტერნეტში არის სხვა მსგავსი სერვისები, მაგალითად, TypeKit (ფასიანი).

შედეგები

დღეს ჩვენ გვაქვს რამდენიმე ვარიანტი ორიგინალური და არასტანდარტული შრიფტების ვებ გვერდებთან დასაკავშირებლად. თითოეულ ამ მეთოდს აქვს თავისი დადებითი და უარყოფითი მხარეები. რომელი ვარიანტის გამოყენება უკეთესია, თქვენ თავად უნდა განსაზღვროთ. ეს ხშირად დამოკიდებულია სიტუაციაზე და სხვადასხვა მიდგომა შეიძლება სასარგებლო იყოს სხვადასხვა შემთხვევაში. ამ ეტაპზე, თქვენ უბრალოდ უნდა იცოდეთ როგორ გამოიყენოთ შრიფტები CSS-ში.

განლაგების აკრეფის დაწყებისას აუცილებელია, კერძოდ, CSS-ში მიუთითოთ გვერდზე გამოყენებული შრიფტები. ხშირად, დიზაინერი იყენებს სხვადასხვა შრიფტებს, რათა აკრიფოს არა მხოლოდ გვერდის ძირითადი ტექსტი, არამედ სხვადასხვა სათაურები, ლოგოები და მონოგრამები:

კარგმა დიზაინერმა, ისევე როგორც კარგმა განლაგების დიზაინერმა, იცის, რომ ბრაუზერს შეუძლია გამოიყენოს მხოლოდ ის შრიფტები, რომლებიც დაინსტალირებულია მომხმარებლის კომპიუტერზე გვერდის საჩვენებლად. ანუ, შრიფტები შეიძლება უხეშად დაიყოს ორ კატეგორიად:

1. ფონტები, რომლებიც უპრობლემოდ იქნება ნაჩვენები მომხმარებელთა დიდი უმრავლესობისთვის.
2. შრიფტები, რომლებიც მომხმარებელთა საკმარისად დიდ ჯგუფს არ აქვს.

თუ დიზაინერმა გამოიყენა მე-2 კატეგორიის შრიფტები, მაგალითად, ლოგოს ან დიდი სტატიკური სათაურების შესაქმნელად, თქვენ უყოყმანოდ გამოიყენებთ . ამ ტექნიკის გამოყენების მინუსი არის მოუქნელობა. ტექსტში ცვლილებების შემთხვევაში მოგიწევთ სურათის გადაკეთება და CSS-ის შეცვლა (მაგალითად, თუ ახალი სურათის ზომები არ ემთხვევა ძველს).

შეგვიძლია ვთქვათ, რომ ტექნიკის გამოყენების საფრთხე პირდაპირ დამოკიდებულია ტექსტის შეცვლის ალბათობაზე. ამიტომ, მაგალითად, გვერდის ზოგადი ტექსტის დამზადება არასტანდარტული შრიფტებით არ შეიძლება! კარგი დიზაინერი ამას არასოდეს გააკეთებს. და თუ დიზაინერი მწვანეს მიიღებს, კარგი განლაგების დიზაინერი უბრალოდ ვალდებულია გამოასწოროს თავისი შეცდომა - განლაგებაში ეს შრიფტი შეცვალოს ყველაზე მსგავსი სტანდარტული შრიფტით.

მაგრამ როგორ განვასხვავოთ პირველი ჯგუფის შრიფტები მეორესგან? ნათელია, რომ თქვენ არ შეგიძლიათ დაეყრდნოთ შრიფტების კომპლექტს, რომელიც პირდაპირ თქვენს კომპიუტერშია დაინსტალირებული! მოდი გავარკვიოთ.

სტანდარტული შრიფტები

სტანდარტული შრიფტები არის ოპერაციული სისტემაში დაინსტალირებული შრიფტების ნაკრები. ვინაიდან ოპერაციული სისტემები განსხვავებულია, მათ ასევე აქვთ შრიფტების განსხვავებული ნაკრები. Windows-ის სხვადასხვა ვერსიისთვის სტანდარტული შრიფტების სია შეგიძლიათ იხილოთ, მაგალითად, სტატიაში სტანდარტული Windows შრიფტები და Mac OS-ის სტანდარტული შრიფტების სია Mac OS-ის გვერდზე მიწოდებულ ფონტებზე. რაც შეეხება Unix/Linux ოპერაციულ სისტემებს, მათ არ აქვთ შრიფტების ერთი ნაკრები. Linux-ის ბევრი მომხმარებელი იყენებს DejaVu შრიფტის კომპლექტს, კერძოდ Ubuntu-ზე ისინი დაინსტალირებულია ნაგულისხმევად. http://www.codestyle.org სტატისტიკის მიხედვით, Unix/Linux-ის ბევრ მომხმარებელს ასევე აქვს დაინსტალირებული URW, Free და სხვა შრიფტების ნაკრები. ამავე სტატისტიკის მიხედვით, Unix/Linux-ის მომხმარებელთა 60%-ზე მეტს აქვს კომპიუტერში Core შრიფტების ფონტები ვებ კომპლექტისთვის, რომელიც 2002 წლამდე ოფიციალურად ხელმისაწვდომი იყო Microsoft-ის ვებსაიტზე უფასო ჩამოტვირთვისთვის.

იმისათვის, რომ გვერდი გამოჩნდეს ისე, როგორც დიზაინერმა განიზრახა, ნებისმიერ ოპერაციულ სისტემაში, შესაძლებელია CSS თვისებაში გამოყოფილი რამდენიმე შრიფტი მძიმეებით.

ეს თვისება განსაზღვრავს შრიფტის გვარების და/ან ზოგადი გვარების პრიორიტეტულ სიას. CSS2 სპეციფიკაციის მიხედვით, არსებობს ორი ტიპის შრიფტის გვარი:

1. არჩეული შრიფტის ოჯახის სახელი. მაგალითად "Times new Roman", "Arial" და სხვა. შრიფტის ოჯახის სახელები, რომლებიც შეიცავს სივრცეებს, უნდა იყოს ჩასმული ბრჭყალებში. თუ არ არის ბრჭყალები, შრიფტის სახელამდე და მის შემდეგ ინტერვალის სიმბოლოები იგნორირებულია და შრიფტის სახელის შიგნით არსებული სივრცეების ნებისმიერი თანმიმდევრობა გარდაიქმნება ერთ სივრცეში.
2. ზოგადი (საერთო) ოჯახი. სპეციფიკაცია განსაზღვრავს შემდეგ ზოგად ოჯახებს:
   • serif - შრიფტები ბოლოებში სერიფებით;
   • sans-serif - sans-serif fonts;
   • კურსორი - დახრილი შრიფტები;
   • ფანტაზია — დეკორატიული შრიფტები;
   • monospace - monospace შრიფტი (იგივე სიგანის ასოებით).
   ზოგადი გვარები საკვანძო სიტყვებია და არ საჭიროებს ბრჭყალებში ჩასმას.

ამრიგად, OS Windows-ის სტანდარტული შრიფტი აღებულია დიზაინისთვის, მსგავსი შრიფტი Mac OS-ისთვის და Unix / Linux არჩეულია მისთვის, დაყენებულია საერთო შრიფტის ოჯახი და თქვენ დაასრულეთ.

მაგრამ ყველაფერი ასე მარტივი არ არის. მოდი უფრო დეტალურად ვიმსჯელოთ.

ვებ-უსაფრთხო შრიფტების ძიებაში

ინტერნეტში ისტორიულად არსებობდა ისეთი რამ, როგორიცაა "უსაფრთხო" ვებ შრიფტები. უსაფრთხო შრიფტი არის შრიფტი, რომელიც სტანდარტულია ყველა ოპერაციულ სისტემაში. ვინაიდან ასეთ მდგომარეობაზე მხოლოდ ოცნება შეიძლება, მაშინ აბსოლუტურად უსაფრთხო შრიფტები არ არსებობს!

ზოგიერთ შრიფტს შეიძლება ეწოდოს უსაფრთხო გარკვეული დათქმებით.

„უსაფრთხო“ შრიფტების განსაზღვრის საფუძველი იყო ყველაზე გავრცელებული Windows ოპერაციული სისტემის შრიფტები, რომლებიც ასევე გამოიყენება სხვა ოპერაციულ სისტემებში. ამ გამოყენების მაგალითია უკვე ნახსენები Core შრიფტები Web font-ის პაკეტისთვის, რომელიც სტატისტიკის მიხედვით ჩამოტვირთულია Unix/Linux-ის ბევრმა მომხმარებელმა.

ეს პაკეტი მოიცავს შემდეგ შრიფტებს: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. ყველა მათგანი მხარს უჭერს კირიულ ანბანს, რაც მნიშვნელოვანია რუნეტისთვის.

შრიფტების ნაკრები, რომელიც შედის Mac OS X-ის სტანდარტულ მიწოდებაში (ეს OS ყველაზე გავრცელებულია Mac OS-ის მომხმარებლებში) მოიცავს ვებ ნაკრების ძირითადი შრიფტების ყველა შრიფტს.

ამრიგად, სხვა ოპერაციულ სისტემებში გამოყენებული Windows შრიფტების საფუძველზე, ჩამოყალიბდა ეგრეთ წოდებული "უსაფრთხო" ვებ შრიფტების შემდეგი სია:

• არიალი
• Arial Black
• Comic Sans MS
• კურიერი ახალი
• საქართველოს
• Გავლენა
• Times New Roman
• Trebuchet MS
• ვერდანა

Webdings შრიფტი შეიცავს ხატების ერთობლიობას და, შესაბამისად, არ შეიძლება გამოყენებულ იქნას შინაარსისთვის. Andale Mono ფართოდ არ გამოიყენება, რადგან არ არის შესაფერისი ეკრანის ყოველდღიური წასაკითხად და Windows-ის ყველა მომხმარებელს არ აქვს.

Windows-ის ყველა მომხმარებელს, Mac OS X-ს და Unix/Linux-ის მომხმარებელთა აბსოლუტურ უმრავლესობას (ანუ მათ, ვინც დააინსტალირა ძირითადი შრიფტები ვებ პაკეტისთვის) აქვს ყველა ეს შრიფტი.

მაგრამ რაც შეეხება დანარჩენს? ბოლოს და ბოლოს, მინდა დიზაინერის იდეა რაც შეიძლება მეტმა მომხმარებელმა ნახოს!

ამის შესახებ წაიკითხეთ პუბლიკაციის მეორე ნაწილში.