Ფონტის საკვანძო სიტყვა კასკადური სტილების ცხრილები (CSS)

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

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

ალტერნატივა Font Tag- ში

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

შეცვალეთ ფონტის ოჯახი

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

ეს შრიფტი არ არის sans-serif

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

სხეული {font-family: Garamond, Times, serif; }

ეს CSS სტილის გამოიყენებს შაბლონის ოჯახის Garamond ყველაფერს ვებგვერდზე, რადგან ყველა ელემენტის დოკუმენტი არის შთამომავალი

შეცვალეთ ფონტის ფერი

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

ეს შრიფტი არის მეწამული

დღეს, თქვენ უბრალოდ დაწერეთ CSS- ის ხაზი.

ეს იმდენად უფრო მოქნილია. თუ საჭიროა შეიცვალოს

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

გარეთ ძველი

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

რედაქტირებულია Jeremy Girard