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

მომსახურება

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

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

გარეგნობა

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

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

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

ხელსაყრელი შემთხვევა

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

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

დაკომლობა

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

ხედი

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

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

• აირჩიეთ კონკრეტული წინადადება, პუნქტი ან საკუთარი ტექსტის ელემენტი.
• შრიფტის გაჯერების ექსპერიმენტები.
• ზომის სწრაფი პარამეტრი სლაიდერის გამოყენებით.

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

კავშირი

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

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

დაწკაპეთ ამ ერთეულში და შემდეგ კონფიგურაცია. აქ შეგიძლიათ აირჩიოთ წარწერა და აუცილებელი ანბანი. თუ თქვენ გჭირდებათ Google შრიფტები კირილიური, მაშინ აღსანიშნავად კირილი სიმებიანი. მას შემდეგ, რაც ბმული ჩამოყალიბდება. ეს შეიძლება მოიძებნოს იმავე ფანჯარაში embed tab. საკმარისია მხოლოდ კოპირება ან გამოიყენოთ სრული HTML კოდი.

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

პოპულარული პარამეტრები

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

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

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

ცუდი სკრიპტი ასევე არის ბლოგისთვის. Cursive ტიპის მძიმე წაკითხვის დიდი მასივები ტექსტი, მაგრამ შეგიძლიათ გამოყოთ მთავარი იდეა. სტილის imitates ხელნაწერი ხელნაწერი. Jura ჩვეულებრივი 400 არის მნიშვნელოვანი ვარიანტი Cyrillic. ავტორი აცხადებს, რომ ეს არის Eurostil საწყისი Sens Serip ოჯახის. ეს ძალიან კარგად გამოიყურება და რამდენიმე ვარიაცია აქვს.

Webfonts არის მესამე მხარის შრიფტის გამოყენების ტექნოლოგია თავის ვებგვერდზე. ერთი მაგალითი:

თუ წყაროდან დაიწყებთ, შრიფტის ტეგი 1995 წელს დაინერგა და უკვე 1996 წელს პროგრამული განსაზღვრა იყო CSS- ზე. CSS- ისგან 2.0 ვერსიადან, შრიფტის სინთეზი და ბრაუზერები სინთეზს, მაგრამ მაინც პოპულარულია, ახლა კი ძველი და შეუსაბამო IE არ იყო შრიფტის დატვირთვის მხარდაჭერა, რამაც ხელი შეუშალა შრიფტის სწრაფ განვითარებას მის ვებ-გვერდზე.

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

ფაილის ფორმატები

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

/ * გამოაცხადეთ შრიფტი * / @ Font-Face (Font-Face: "შრიფტის სახელი"; SRC: URL ("Path / Up / IT");) / * ვრცელდება * / P (Font-Face: "ფონტის სახელი" , Arial;)
TTF ან OTF - ჩვეულებრივი შრიფტის ფაილი, მაგრამ სერვერიდან დატვირთული დროის განმავლობაში;

Woff არის დაუცველი OTF ან TTF წყარო არქივი, ალბათ ყველაზე მნიშვნელოვანი ფორმატი, რომ ყველაზე პოპულარული ბრაუზერები მხარდაჭერა, და ფაილი Woff ჩვეულებრივ 2-2.5 ჯერ უფრო ადვილია, ვიდრე ორიგინალი;

EOT - გააცნო TT Opentype არქივი, რომელსაც აქვს დაცვის მექანიზმები, საჭიროა ძველი ბრაუზერების მხარდასაჭერად Internet Explorer. (დაწყებული IE8, გარდა TrueType მოსახვევებში, მხარდაჭერილი და PostScript);

SVG - Safari ბრაუზერის მხარდასაჭერად.

მომზადებული დანერგვა (@ Font-Face) საიტი შრიფტები დღეს უნდა იყოს დაუყოვნებლივ რამდენიმე ფორმატში. მიხვდა, რომ არსებობს გარკვეული შეუსაბამობა, ისევე, როგორც არ არის ერთი სახის ოპერატიული სისტემა. შრიფტის ფორმატები საკმაოდ ბევრია, მაგრამ ბეტონი მხოლოდ კონკრეტულ ბრაუზერში იმუშავებს. რაც შეეხება ამ საუკეთესო ფორმატებს, რატომ არის აუცილებელი, რომ მათთვის იმდენად დაზუსტება, მაშინ ისინი საჭიროა საიტის ჯვარედინი ბრაუზერის მხარდაჭერისთვის.

@ Font-Face (შრიფტის ოჯახი: "Ashift_Name"; SRC: URL ("file_name_shift.eot"); SRC: URL ("file_file_shift.eot? #IEFIX") ფორმატში ("EMBEDDED-OPENTYPE"), URL ("ფაილი name_shift .Woff ") ფორმატი (" Woff "), URL (" file_shift.ttf ") ფორმატი (" TrueType "), URL (" file_fail_name.svg # dsnoteregular ") ფორმატი (" SVG "); შრიფტის წონა: ნორმალური; Font -style: ჩვეულებრივი;)
თუ გსურთ გამოიყენოთ დაშიფრული კოდი ნაცვლად ფაილი, ამ შემთხვევაში, Base64 მოდის დახმარება, რომელიც მუშაობს იმავე პრინციპით და გამოსახულებები, თუმცა, ძველი IE Base64 არ არის დამუშავებული.

@ Font-Face (Font-Family: "Ashift_Name"; SRC: URL ("file_name_shift.eot");) @ Font-Face (შრიფტის ოჯახი: "Ashift_Name"; SRC: URL (მონაცემები: Font / Woff; Charset \u003d UTF-8; Base64, მონაცემთა) ფორმატი ("Woff"), URL (მონაცემები: Font / truetype; charset \u003d utf-8; base64, მონაცემები) ფორმატი ("TrueType"), URL ("File_name_svg #file_shot_name") ფორმატი ( "SVG"); შრიფტის წონა: ნორმალური; შრიფტის სტილი: ნორმალური;)

ჩადგმული opentype?

როგორც თქვენ შეიძლება შეამჩნია, Plug-ins for IE აქვს ხაზი ასეთი პარამეტრი:

SRC: URL ("file_file_seot? #Iefix") ფორმატი ("ჩადგმული- opentype")
კლასიკურ ვერსიაში, ჩვენ მოგვწერეთ ეს გზა:

SRC: URL ("file_shift.eot") ფორმატი ("ჩადგმული- opentype")
მაგრამ სიმბოლოების დამატება "?" შრიფტის ფორმატის შემდეგ, ჩვენ მხარს ვუჭერთ ბრაუზერს, რომ არ წაიკითხოთ შემდეგი მითითება ("ჩადგმული- opentype"). Internet Explorer მხარს უჭერს შრიფტების ჩანერგვას ე.წ. კომპანიის მიერ EMPEDDED OPENTYPE სტანდარტის მეშვეობით, დაწყებული IE 4.0 ვერსიით. იგი იყენებს ციფრულ უფლებათა მართვის მეთოდს, რათა თავიდან იქნას აცილებული შრიფტები, რომლებიც ვრცელდება ლიცენზიაში.

რა მოხდება, თუ შრიფტი არ არის მხარდაჭერილი ბრაუზერში?

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

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

2. ასევე საერთო იყო ფლეშ გადაწყვეტილებების გამოყენება.

3. კიდევ ერთი გამოსავალია javaScript- ის გამოყენებითტექსტის შეცვლა VML (Internet Explorer- ისთვის) ან SVG (ყველა სხვა ბრაუზერისთვის).

რა პრობლემები შეიძლება მოხდეს?

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

ფლეშ ეფექტი

Foit ეფექტი ბრაუზერებში, როგორიცაა Safari, Chrome, Opera, Firefox ტენდენცია დამალვა ტექსტი მაქსიმუმ 30 წამში ადრე უარი თქვას შრიფტის, რის შემდეგაც ნაგულისხმები შრიფტი არის მითითებული.

მაგალითად, თუ როგორ შრიფტი დატვირთულია:

მიუხედავად ამისა, 2.7 წამი დიდი ხანია!

Რა შეიძლება გაკეთდეს?

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

თუმცა, ნებისმიერ ექსპერიმენტში არის გვერდითი ეფექტი.

თავდაპირველად, Bram Stein გამოიყენება საბაჟო ფონტი, მაგრამ მას შემდეგ, რაც მისი შრიფტი დატვირთული, "Flicker" მოხდა, მაგალითად 0.7 მეორე:

მოკლედ, ციმციმები ხდება მაშინ, როდესაც ბრაუზერი ცდილობს შრიფტის შრიფტის ჩვენება და გამოიყენოს იგი HTML- ში. შრიფტის დეკლარაციის @ შრიფტის ფონი, რომელიც ჯერ კიდევ არ იყო დატვირთული.

Bram Stein აჩვენა, თუ როგორ უნდა დააკავშიროთ შრიფტები სწორად, ის განვითარებული სცენარი, ალტერნატივა Google ასინქრონული შრიფტის დატვირთვა, ეს არის FontFaceObserver სკრიპტი.

მცდელობა

ანალიზი

სტანდარტული კავშირი Google- ისგან

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

ვებ ფონტის Loader Google- ისგან

ვებ ფონტის Loader - JavaScript ბიბლიოთეკა API- სთან, ბიბლიოთეკაში, რომელიც გვაძლევს უფრო მეტ კონტროლს შრიფტის დატვირთვის შესახებ, ვიდრე სტანდარტული Google Fonts API. სკრიპტი საშუალებას გვაძლევს გამოიყენოთ ბევრი შრიფტი, დატვირთვის მათ თანმიმდევრულად ან ასინქრონულად. სტანდარტული კავშირისგან განსხვავებით, სტანდარტული შრიფტის ტექსტი გამოჩნდება სუსტი კავშირების შესახებ, სანამ შრიფტი დატვირთულია.
სულ დატვირთვის დრო: 1132 ms

Fontfaceobserver

FontFaceBserver არის JavaScript ბიბლიოთეკა (5KB), ე.წ. booter თავსებადია ნებისმიერი შრიფტის ვებ სერვისით. Script საშუალებას გვაძლევს მოგვმართოთ თუ არა შრიფტის დატვირთული თუ არა, საშუალებას გაძლევთ გაითვალისწინოთ ღონისძიება ჩამოტვირთვის შემდეგ და შრიფტის დატვირთვის შემდეგ. სულ დატვირთვის დრო: 159 ms

სკრიპტის გამოყენებით.

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

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

არსებობს ორი ვარიანტი - დაკავშირება მოდული, ან პატარა pierce ერთად ფუნქციები. PP ფაილი.

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

კარგი და ცუდი Google Web შრიფტები

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

კიდევ ერთი თვისებაა Google გაძლევთ საშუალებას ატვირთოთ ეს შრიფტები ასე რომ თქვენ შეგიძლიათ გამოიყენოთ ისინი თქვენს ფორმატში.

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

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

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

როგორ დააყენოთ Google შრიფტები WordPress Plugins- ის გამოყენებით

თუ თქვენ ეძებთ plugins, პირველი, რაც ხედავთ ძიების შედეგებს - plagings WP Google შრიფტები და მარტივი Google Web Fonts . ეს მართლაც ორი საუკეთესო დანამატია.

დანამატები არ არის იდეალური გამოსავალი -თვის setup Google- WordPress Websitestos საიტი - არა მხოლოდ თვალსაზრისით შესრულების თვალსაზრისით, არამედ იმიტომ, რომ plugins არ იძლევა საშუალებას აირჩიოთ გარკვეული ცალი ტექსტი. მიუხედავად ამისა, თუ თქვენ ან თქვენს კლიენტს დარწმუნებულია, რომ უმჯობესია გამოიყენოთ დანამატები, შემდეგ შეხედეთ ამ ორ ვარიანტს.

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

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

Google შრიფტის ინსტალაციის სწორი გზა WordPress თარგი

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

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

მას შემდეგ, რაც თქვენ აირჩიეთ Styles, Google მოგცემთ Snippet კოდი. ჩვენი ასე გამოიყურება:

გარდა ამისა, ჩვენ მივიღეთ CSS სტილი:

შრიფტის ოჯახი: "ღია Sans", Sans-Serif;

ახლა დროა გახსნას ფუნქციები .Php ფაილი (PATH ფაილი: WP-Content / Themes / Yourtheme). დასასრულს ფაილი, დაამატეთ ახალი ფუნქცია:

ფუნქცია Load_Fonts ()
{
Wp_register_style ("et-googlefonts",
"http://fonts.googleapis.com/css?family\u003dopen+sans:300italic.400,500,300"); Wp_enqueue_style ("et-googlefonts");
}
Add_crict ("wp_print_styles", "load_fonts");

ამ ფუნქციის გასაღები არის "wp_enqueue_style" ბრძანება, რომელიც იწვევს WordPress- ს თითოეული გვერდის სათაურში შრიფტის სტილის მაგიდასთან. თუ ყურადღებით გამოიყურება, დაინახავთ, ჩვენ წაშალოთ HREF \u003d და rel link \u003d 'stylesheet' type'text / css ', კოდიდან, რომ Google მოგვცა, და თქვენ უნდა გავაკეთოთ იგივე თუ გსურთ დაამატოთ ნებისმიერი სხვა Google შრიფტი თქვენს საიტზე WordPress.

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

სხეული.
{
შრიფტი: ნორმალური 1EM "ღია Sans", Sans-Serif;
ფერი: # 313131;
}

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

თამამი-ტექსტი
{
შრიფტი: თამამი 1EM "ღია Sans", Sans-Serif;
}

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

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

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

ვებ ტიპოგრაფია დაბეჭდილი ბეჭდვის სახლის წინააღმდეგ

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

მაგრამ ახლა, დაბეჭდილი და ვირტუალური მატარებლების შორის გამოყოფა მცირდება. ახლა @ Font-Face მხარდაჭერა ბევრი თანამედროვე ბრაუზერები (მათ შორის Internet Explorer საწყისი ვერსია IE4.0.).

შესავალი Google Font API

Google Font დირექტორია და Google ფონტის API არის უფასო ვებ სერვისები Googlangsრომელიც უზრუნველყოფს საიტის მფლობელებს, რათა გამოიყენოთ სხვადასხვა შრიფტები მარტივი, მოსახერხებელი და ეფექტური გზით.

Google ფონტის API - ნიშა ახალი წარმომადგენელი, რომელიც მოიცავს გაცნობის., ტიპოთეკი. და ა.შ.

მოდით წავიდეთ unexplored პოტენციალი Google ფონტის API.

რა არის Google Font API?

ინტერნეტში ბევრს გაემგზავრებოდი, მაგრამ მინახავს არა-სტანდარტული შრიფტები ბევრ საიტებზე ან ბლოგზე?

მოდით განსაზღვროთ არასტანდარტული შრიფტები, რომლებიც არ არიან უსაფრთხო ( თალი, ჰელვეტიკა., ვერდეანა., საქართველო. და Times New Roman.).

Google ფონტის API - ეს არის ვებ-სერვისი, რომელიც უზრუნველყოფს მაღალი ხარისხის ღია (ღია წყარო) შრიფტებს, რომლებიც ადვილად იყენებენ თქვენს დიზაინში.

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

უპირატესობები Google Font API- ის გამოყენებით

თუ კვლავ გადაწყვეტთ თუ არა Google ფონტის API, აქ არის მისი ზოგიერთი უპირატესობა.

HTML ტექსტის გამოყენებით

განსხვავებით სურათების ან გადაჯგუფების გამოყენებისგან CSS. ფონის სურათი, გამოყენებით @ Font-Face, როგორც გადაწყვეტილებები უფრო მიმზიდველი ვებ ტიპოგრაფია, უფრო დადებითად თვალსაზრისით გეგმა SEO..

გარდა ამისა, თქვენ არ უნდა შეიცვალოს არსებული შინაარსი - თქვენ მხოლოდ განაახლეთ თქვენი CSS. მაგიდები.

არსებობა

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

საიმედო ინფრასტრუქტურა და სერვერზე შემცირებული დატვირთვა

მას შემდეგ, რაც ჩამოტვირთვის თქვენი @ Font-Face იყენებს საიმედო ინფრასტრუქტურას Googlangsთქვენ შეგიძლიათ დარწმუნებული იყოთ, რომ შრიფტის ფაილი სერვისი სწრაფად იქნება, და თქვენ შეგიძლიათ შეამციროთ თქვენი სერვერზე დატვირთვა.

როგორ გამოვიყენოთ Google Font API

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

აქ არის გამოყენების განზოგადებული პროცესი Google ფონტის API:

ნაბიჯი 1: დამატება ბმული სტილის ფურცელზე შერჩეული შრიფტით

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

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

< p style = "შრიფტის ოჯახი:" შრიფტის სახელი ", Serif"\u003e ექვსი ვერსიები ლამაზია< / p >

ნაბიჯი 3: ყოველთვის აქვს სათადარიგო ვარიანტი.

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

მაგალითი Google Font API- ის გამოყენებით

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

ჩვენ გთავაზობთ ტესტირებას HTML. დოკუმენტი სხვადასხვა ბრაუზერებში, ასე რომ თქვენ შეგიძლიათ ნახოთ ჯვარი ბრაუზერის განსხვავებები (ან მათი არყოფნა).

თქვენ შეგიძლიათ ექსპერიმენტი სხვადასხვა შრიფტით, მაგრამ მაგალითად, ჩვენ გამოიყენება Lobster Headset.

< html > < head > < link rel = "stylesheet" type = "text/css" < strong > href \u003d. "http://fonts.googleapis.com/css?family\u003dlobster"< / strong >> < strong > < / strong > < / head > < body > < h1 > ექვსი ვერსიები ლამაზია!< / h1 > < / body > < / html >

შედეგი:

მოითხოვოს მრავალჯერადი შრიფტების გამოყენება Google Font API- თან

ვთქვათ, საჭიროა სამი შრიფტი Google Font დირექტორია.. არ გააკეთოთ ბევრი მოთხოვნა. მრავალჯერადი მოთხოვნები გაზრდის რიცხვს Http. ითხოვს. ნაკლებად რაოდენობა Http. მოთხოვნები ამცირებს ვებ გვერდის რეაგირების დროს.

იმის ნაცვლად, რომ უამრავი სტილის ბმული tags, გამოიყენოთ შემდეგი ფორმატის HREF ქონების ერთი სტილის ბმული tag.

მაგალითად ქვემოთ ჩამოთვლილი სამი შრიფტის ჩატვირთვა ( ვოლხორნი., Yanone. და Droid Sans.) ერთი მოთხოვნის გამოყენებით.

< strong > ვოლხორნი.< / strong > | < strong > Yanone.< / strong > | < strong > Droid + Sans.< / strong >

ახლა თქვენ შეგიძლიათ გამოიყენოთ ნებისმიერი სამი შრიფტი თქვენს სტილში.

რა უნდა გაითვალისწინოს ყურადღება

ცალკე შრიფტის სახელები გამოყენებით | სივრცის გარეშე. ყურადღება მიაქციეთ + შრიფტის გამოყენებას Droid Sans.. გამოიყენეთ + სიმბოლო შრიფტის სახელების ნაცვლად.

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

წონა და სტილი შრიფტები ფონტის შრიფტი api

წონა შრიფტები ასევე სხვადასხვა წონა / სტილის პარამეტრებს აქვს. მათი გამოყენება, დაამატეთ შრიფტის სახელი მსხვილი ნაწლავის სახელით (:), შემდეგ კი სტილი და წონა.

ქვემოთ მოცემულ მაგალითში ჩვენ მიუთითებს გაბედული. და თამამი-იტალიური -თვის ვოლხორნი., ᲛᲔ. ოათი -თვის Inconsolata..

http: //fonts.googleapis.com/css?family\u003dvollkorn: ბ.,მილი| Inconsolata: ᲛᲔ.| Droid + Sans

ყურადღება მიაქციეთ

გამოიყენეთ კოლონის (:) გარეშე სივრცის შემდეგ შრიფტის სახელი, და შემდეგ მიუთითეთ სახელით სტილი (I.E. Bolditalic) ან შესაბამისი შემცირება (I.E. BI). თუ თქვენ გჭირდებათ მრავალი სახეობის ერთი შრიფტი, გაყოფა მათ მძიმით (,) გარეშე ფართები.

Google Font API ხდის ვებ ტიპოგრაფია უფრო მიმზიდველი

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

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

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

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

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

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

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

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

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

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

შემდეგ გახსნა functions.php თემა ფაილი. ჩვენ შევქმნით ფუნქციას, რომ ჩამოტვირთოთ CSS, რომელიც ჩვენ ვიყენებთ ჩვენს თემას:

ფუნქცია ggl_load_styles ()

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

ახლა ამ ფუნქციაში ჩვენ უნდა დავიცვათ Google- ისგან მიღებული სტილის მაგიდა:

ფუნქცია ggl_load_styles () (IS_ADMIN ()) (wp_register_style ("Googlefont", "http://fonts.googleapis.com/css?family\u003dholtwood+One+sc.com);

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

შემდეგი, ჩვენ დაკავშირება ჩვენი ძირითადი სტილის მაგიდა ჩვენი თემის. ვიმედოვნებ, რომ თქვენ არ განათავსეთ ბმული tag თქვენი header.php ფაილი? თუ ასეა, მაშინ დაბრუნდით ფაილზე და წაშალოთ ეს კოდი. შემდეგ შეაერთეთ სტილის მაგიდაზე ფუნქციები .php ფაილი:

ფუნქცია ggl_load_styles () (IS_REGISTER_STYLE ("Googlefont" ("GoogleFont", "http://fonts.googleapis.com/css?family\u003dholtwood+One+sc.com); wp_enqueue_style (" GGL ", get_stylesheet_uri (), მასივი (" Googlefont "));)

ჩვენ ვიყენებთ wp_enqueue_style ფუნქციას. მას აქვს იგივე არგუმენტები, როგორც wp_register_style. პირველი ჩვენ გვყავს descriptor ჩვენი სტილისტი მაგიდა. შემდეგ მიიღე გზა ჩვენი სტილის მაგიდაზე. საბედნიეროდ, WordPress- ში შეგიძლიათ მიიღოთ გზა get_stylesheet_uri () ფუნქცია. ამის შემდეგ, ჩვენ მივუთითებთ დამოკიდებულებას. ჩვენი style.css ფაილი დამოკიდებულია Google Web Fonts სტილის მაგიდაზე.

საბოლოოდ, ჩვენ ვიყენებთ wp_enqueue_scripts hook მოვუწოდებთ ჩვენი ფუნქცია:

ფუნქცია ggl_load_styles () (IS_REGISTER_STYLE ("Googlefont" ("GoogleFont", "http://fonts.googleapis.com/css?family\u003dholtwood+One+sc.com); wp_enqueue_style (" GGL "GET_STYLESHEET_URI (), მასივი (Googlefont")));))) Add_Action ("WP_ENQUEUE_SCRIGTS", "GGL_LOATYLES");

ფუნქციები. PP ფაილი დასრულდა. ახლა ჩვენ დავტოვეთ ბოლო ნაბიჯი, რათა გამოიყენოთ შერჩეული შრიფტის გამოყენება. მეოთხე ნაბიჯი ბ google- ის ინსტრუქციები გვიჩვენებს, თუ რა ღირებულებები უნდა გადავიდეთ შრიფტის ოჯახის საკუთრებაში, რათა გამოიყენოთ ჩვენი შრიფტი. მე მინდა გავაკეთო ყველა ჩემი სათაურები Holtwood One SC:

H1, H2, H3, H4, H5, H6 (შრიფტი-ოჯახი: "ჰოლტვუდი ერთი SC", Serif;)

და მე მინდა, რომ აღწერა აღწერა საიტი, მინდა რუჟის სცენარის შრიფტი:

საიტის აღწერა (შრიფტის ოჯახი: "მრგვალი სცენარი", გველტივები;)

ყველაფერი! აღარ გააკეთე არაფერი! თქვენ დაამატეთ Google Web Fonts შრიფტები თქვენს WordPress თემა. გამოიყენეთ ისინი პასუხისმგებელი!