Сіздің веб-сайтыңызға арналған 25 тамаша веб-шрифттер

Updated: Oct 05, 2020 / Article by: Azreen Azmi

Қаріптер. Біз оларды күн сайын көреміз. Баспа жарнамаларынан бастап журналдарға дейін әлемде қаріптердің барлық түрлері бар.

Электрондық сауда дүкенінің иесі болсаңыз да, жаңа бастаған блогер болсаңыз да, барлық веб-сайттардың ортақ ерекшелігі - бұл мәтінді мазмұнға пайдалану.

Көрсетілген мәтінге (немесе типографиялық дизайнға) біраз ой салу сіздің сайтыңыздың жалпы эстетикасын құруда және оның жетістігін қамтамасыз етуде таңқаларлықтай маңызды.

Ең бастысы, олар үшін веб-шрифт болу маңызды.

Веб-қауіпсіз қаріптер дегеніміз не?

Интернеттегі қауіпсіз қаріптер - бұл алдын-ала орнатылған және көптеген құрылғыларға - компьютерлерге, ұялы телефондарға, смарт теледидарға және планшетке көрінетін қаріп стильдері.

Неліктен веб-қауіпсіз қаріптер маңызды?

Мінсіз әлемде веб-сайтыңызға қажетті кез-келген қаріпті таңдауға мүмкіндік болуы керек. Іс жүзінде, пайдалануға болатын қаріптер түріне шектеу бар.

Көптеген компьютерлер мен веб-браузерлер өндірушілер алдын-ала орнатылған қаріптер жиынтығымен келеді, бірақ олардың конструкциялары (және әдетте) айырмашылығы болады. Әр түрлі өндірушілермен бөлісетін стандартты қаріп жиынтығы жоқ.

Пайдаланылған қаріп пайдаланушының компьютерінде орнатылмаған болса, онда сіздің веб-сайтыңызыңыз кейде оқылмайтын ретінде аяқталатын жалпы шрифтке қайта оралады.

Бұған жол бермеу үшін веб-дизайнерлер оны қолданып жатыр Вебке арналған негізгі қаріптер Microsoft корпорациясы 1996-да көптеген веб-сайт қаріптері үшін стандарт ретінде шығарылды. Қаріптердің бұл жиынтығы, сайып келгенде, «веб-қауіпсіз қаріптерге» айналады, себебі компьютерге қарамастан, қаріптер сіздің веб-сайтыңызда қауіпсіз түрде пайда болады.

Веб-сайтым үшін веб-қорғалған қаріптерді пайдалану керек пе?

Қысқа жауап: мүлдем.

Егер сіздің веб-сайтыңыздың дизайн және визуалды брендін дәйектілікпен сақтағыңыз келсе, онда веб-қауіпсіз шрифт көмегімен веб-сайтыңыз дәл солай ойлағандай көрінеді.

Шын мәнінде, бүгінгі күні барлық веб-сайттар веб-шрифттың кейбір түрін пайдаланады. Веб-дизайнерлер Times New Roman сияқты әдеттегі қаріптерді болдырмау үшін, веб-шрифт таңдауға кеңес береді.

Бұл веб-шрифті қаріптерді қалай қосамын?

Бұл қаріптерді сіздің веб-сайтыңызға қосудың бірнеше жолдары бар, бірақ егер сіз бағдарламалауға кірмесеңіз немесе техникалық тәжірибеңіз аз болса, онда Сіз шикі CSS-кодты оңай көшіріп, оларды тікелей қаріптерді пайдалану үшін өзіңіздің стиль кестеңізге енгізіңіз.

Егер сіз әлі де сенімсіз болсаңыз, келесі бірнеше қарапайым қадамдарды орындаңыз:

  1. Header.php файлын жүктеңіз
  2. Қаріп көзін / стандартты кодты көшіріңіз (1 сілтемені қараңыз)
  3. Кодты тақырып файлының үстіңгі жағына қойыңыз.
  4. Өзіңіздің style.css файлыңызды жүктеңіз, қаріп мәтінін өзгерту үшін қаріп кодын қойыңыз. (2 сілтемені қараңыз)

Сілтеме 1

Сілтеме 2

дене {font-family: 'Abel'; қаріп өлшемі: 22px;}

Сіздің веб-сайтыңызға арналған 25 тамаша веб-шрифті қаріптері

1. Arial

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

2. Калибри

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

3. Helvetica

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

4. Segoe UI

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

5. Требукет М.С.

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

6. Камбрия

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

7. Palatino

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

8. Perpetua

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

9. Грузия

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

10. Consolas

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

11. Курьерлік жаңа

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

12. Тахома

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

13. Verdana

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

14. Optima

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

15. Gill Sans

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

16. Ғасырлық ғасыр

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

17. Кандара

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

18. Андаль Моно

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

19. Didot

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

20. Металл готика

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

21. Роквелл

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

22. Bodoni

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

23. Франклин Готич

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

24. Әсер ету

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы 

25. Calisto MT

Сілтемелер / Дерек көзі: Fonts.com / CSS қаріптер стакасы

Қаріптер құралдары тексеру үшін

Интернетте көптеген қаріптерді тексеруге және тексеруге пайдалануға болатын бірнеше құралдар бар Сіздің веб-сайтыңыз. Егер сіз қаріп таңдауда қиындықтар туындаса немесе веб-қауіпсіз қаріптердің қандай түрлері бар екенін білгіңіз келсе, бұл сайттар тамаша құрал болып табылады.

Қаріп парағы

Қаріп парағы типографияға қатысты барлық нәрселерге және барлық нәрселерге арналған ресурстарды, плагиндерді, электронды кітаптарды, нұсқауларды, бейнелерді және тіпті шабытты ұсынады. Олар тіпті Google қаріптерінде қол жетімді ең танымал қаріптерді беретін және қаріптер бір-бірімен үздік жұпталған бөлім бар.

Wordmark.it

Егер сіз мәтіннің қандай да бір қаріппен көрінетінін жылдам қарап шығуды қаласаңыз, Wordmark.it мәтіннің бір уақытта бірнеше қаріптерде қалай көрінетінін алдын ала қарауды ұсынады. Бастапқы бет тақтасында сөзді немесе фразаны теріңіз, enter пернесін басыңыз және ол сізге Candara немесе Lucida Console сияқты түрлі қаріптермен мәтінді көрсетеді.

WhatTheFont

WhatTheFont Интернетте көрген қаріпті анықтау және анықтау үшін пайдалануға болатын құрал болып табылады. Сізге тек қана қаріптің кескінін жүктеп салу керек және WhatTheFont сізге ең жақын нәтижелерді беру үшін өз дерекқорында оны іздеуді жүргізеді. Егер сіз әлі де дәл қаріпті таба алмасаңыз, сіз тіпті оларды басқара аласыз көмек сұраңыз.

Барлығы қаріппен ойнату

Егер сіз мен сияқты болсаңыз, онда сіз интернетте көп уақытты өткізуге, көптеген веб-сайттарды оқып, кіруге тура келмейді. Осыған байланысты, веб-сайт өз сайтының көрнекі дизайнын жақсарту үшін жақсы типографияны қолданған кезде, сіз оны бағалайсыз.

Көзге ұнамды веб-қауіпсіз қаріптерді пайдаланған кезде, пайдаланушыларыңыз ризашылықпен әрі қайтаруға және мазмұныңыздың көп мөлшерін тұтынуға дайын болады. Сіз не күтіп отырсыз? Осы қаріптерді пайдалануды бастаңыз және керемет веб-сайт жасаңыз Сіздің бизнесіңіз үшін!

Azreen Azmi туралы

Azreen Azmi - бұл мазмұнды маркетинг және технология туралы жазба жасау үшін жазушы. YouTube-тен Twitch-ге дейін, ол контент жасаудың ең соңғы нұсқасымен және сіздің брендіңізді маркетингтің ең жақсы әдісін табуға тырысады.

Қосылу: