როგორ შევცვალოთ შრიფტის ზომა HTML-ში

გოგონა (5-7) იჯდა დივანზე ლეპტოპთან, უკანა ხედით

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

სურათის კრედიტი: Ableimages/Photodisc/Getty Images

თქვენ შეგიძლიათ აიღოთ კონტროლი თქვენი ვებ გვერდის შრიფტის ზომაზე HTML-ის სტილის ენის, Cascading Style Sheets-ის შრიფტის ზომის თვისების გამოყენებით. HTML 5-დან დაწყებული, შრიფტის სტილის CSS მიდგომა ანაცვლებს ძველ "შრიფტის" ტეგს. მიუხედავად იმისა, რომ შრიფტის ტეგი მოქმედებს თქვენი HTML 4 ფორმატირებული ვებ გვერდებისთვის, ის აღარ არის მხარდაჭერილი, როგორც მოქმედი ტეგი HTML 5-ში.

შრიფტის ზომის განსაზღვრა CSS-ით

შრიფტის ზომები დაყენებულია თქვენს ვებ გვერდზე CSS ატრიბუტის "font-size" გამოყენებით. შრიფტის ზომები, როგორც წესი, განისაზღვრება გამოყენებით ტიპოგრაფიული ზომა "em", სადაც 1.0 არის შრიფტის მიმდინარე ზომა, ან პროცენტები, სადაც 100 პროცენტი არის მიმდინარე შრიფტი ზომა. თქვენ ასევე შეგიძლიათ გამოიყენოთ წინასწარ დაყენებული მნიშვნელობის სახელები, როგორიცაა "მცირე", "დიდი", "პატარა" და "xx-დიდი". ზომის განსაზღვრისას პიქსელებში ან წერტილებში მოქმედებს, ეს არ არის რეკომენდირებული, რადგან თქვენი ტექსტი შეიძლება გარკვეულწილად სწორად არ მასშტაბირდეს გარემოებები.

დღის ვიდეო

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

ეს ტექსტი ჩვეულებრივზე დიდია.

ეს ტექსტი უფრო მცირეა.

ეს ტექსტიც უფრო მცირეა.

CSS-ის გამოყენება თქვენს სტილში

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

p { შრიფტის ზომა: 125%; }

კატეგორიები

Ბოლო

როგორ გავუგზავნოთ სურათები Walgreens-ს კომპიუტერის საშუალებით

როგორ გავუგზავნოთ სურათები Walgreens-ს კომპიუტერის საშუალებით

თუ გსურთ მიიღოთ თქვენი ციფრული სურათების სწრაფი...

როგორ გავაკეთო 2 X 3 სურათი ჩემს კომპიუტერზე

როგორ გავაკეთო 2 X 3 სურათი ჩემს კომპიუტერზე

სურათის კრედიტი: Jupiterimages/Pixland/Getty Im...

როგორ გადაიყვანოთ ფოტო მაღალ რეზოლუციად

როგორ გადაიყვანოთ ფოტო მაღალ რეზოლუციად

სურათის კრედიტი: კიარან გრიფინი/Lifesize/Getty ...