Veb-saytingiz uchun 25 Gorgeous Veb Xavfsiz Shriftlari

Maqola muallifi:
  • Onlayn biznes
  • Yangilandi: Jan 17, 2019

Siz bo'lsangiz ham e-tijorat do'koni or bo'g'uvchi blogger, barcha veb-saytlar umumiy bo'lgan bir narsa kontent uchun matn foydalanish hisoblanadi. Ko'rsatilgan matn (yoki tipografik dizayn) haqida ba'zi fikrlarni qo'yish ajablanarli emas saytingizning umumiy estetikasini yaratishda va uning muvaffaqiyatini ta'minlashda muhimdir.

Mana shundan iboratki, sizga ajoyib WordPress shabloni yoki veb-saytingizga ta'sirli tasvirlar qo'yishingiz mumkin. Ammo, agar yoqimsiz asosiy shrift (yoki yomonroq Comic Sans!) Dan foydalansangiz, siz hali ham ko'rinadigan va his qiladigan veb-saytga ega bo'lasiz professional emas.

Bundan tashqari, onlayn rejimda mavjud bo'lgan ajoyib veb-tipografiyaning mo'lligi haqida ham ma'lumot yo'q.

Albatta, siz tanlagan shriftning boshqa kompyuterlarga ishonchli yuklanishiga ishonch hosil qilishni istasangiz, "veb-xavfsiz shrift" ni tanlashingiz kerak.

25 ajoyib veb-xavfsiz fontlarimiz bilan, ushbu maqolaning oxiriga kelib, har doim ishlaydigan veb-saytingiz uchun ajoyib veb-tipografiyaga ega ekanligingizga ishonch hosil qilasiz!

Veb-himoyalangan shrift nima?

Veb-xavfsiz fontlar ko'pincha qurilmalar - kompyuterlar, mobil telefonlar, smart-televizorlar va planshetlar oldindan o'rnatilgan shriftlardir.

Nima uchun veb-ishonchli shriftlar muhim?

Ideal dunyoda veb-saytingiz uchun xohlagan har qanday shriftni tanlash qobiliyatiga ega bo'lishingiz kerak. Aslida, foydalanishingiz mumkin bo'lgan shrift turiga cheklovlar mavjud.

Ko'pgina kompyuterlar va veb-brauzerlar ishlab chiqaruvchilar tomonidan oldindan o'rnatilgan bir qator shriftlar bilan birga keladi, ammo ularning dizaynlari (va odatda) farq qilishi mumkin. Turli xil ishlab chiqaruvchilar tomonidan taqsimlangan standart shrift majmui yo'q edi.

Siz foydalanadigan shrift foydalanuvchi kompyuterida o'rnatilmagan bo'lsa, u holda veb-saytingiz odatda o'qib bo'lmaydigan bo'lib ko'rinishi mumkin bo'lgan shrift turiga qaytadi.

Boshqalardan qochish uchun, veb-dizaynerlar buni qo'llamoqda Internet uchun asosiy fontlar 1996da Microsoft veb-sayt shriftlari uchun standart sifatida chop etilgan. Shriftlar to'plami oxir-oqibat "veb-xavfsiz shriftlar" ga aylandi, chunki kompyuterdan qat'iy nazar, shriftlar veb-saytingizda ishonchli ko'rinadi.

Veb-saytim uchun veb-saytlar uchun xavfsiz fontlar foydalanishi kerakmi?

Qisqa javob: Albatta.

Veb-saytingizning dizayni va ingl. Belgisini izchil saqlashni istasangiz, veb-saytingiz xavfsiz tarzda ishlatilishi sizning veb-saytingiz aniq maqsadga muvofiq ravishda paydo bo'lishini ta'minlaydi.

Darhaqiqat, bugungi kunda deyarli barcha veb-saytlar veb-saytlar xavfsiz fontining ba'zi shakllaridan foydalanmoqda. Veb-dizaynerlar, Times New Roman kabi shriftlarga ega bo'lishdan qochish uchun, veb-saytingizga tashrif buyurganingizda, veb-saytingizga tashrif buyurganlarida paydo bo'lishi mumkin.

Ushbu veb-havfsizlik fontlarini qanday kiritishim kerak?

Ushbu fontlarni veb-sahifangizga kiritish uchun foydalanishingiz mumkin bo'lgan bir qator usullar mavjud, ammo siz dasturlashda yoki texnikaviy tajribaga ega bo'lmasangiz, xom CSS-ni osonlikcha ko'chirib olishingiz va to'g'ridan-to'g'ri ularni yapıştırabilirsiniz shriftlardan foydalanish uchun o'z uslublar jadvaliga kiritilgan.

Agar siz hali ham ishonchsiz bo'lsangiz, quyidagi oddiy qadamlarni bajaring:

  1. Header.php faylini yuklang
  2. Shrift manbasini / standart kodini nusxalash
  3. Kodni nom faylingizning yuqori qismiga qo'ying.
  4. Style.css faylini o'rnating, shrift kodini tanlagan shrift matnini o'zgartirish uchun qo'ying.

Buning oxiriga kelib, sizga o'xshash uslublar var:

Sizning veb-saytingiz uchun 25 Gorgeous veb-xavfsiz fontlari

1. Arial

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

2. Calibri

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

3. Helvetica

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

4. Segoe UI

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

5. Trebuchet MS

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

6. Cambria

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

7. Palatino

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

8. Perpetua

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

9. Gruziya

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

10. Consolas

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

11. Kuryer yangi

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

12. Tahoma

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

13. Verdana

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

14. Optima

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

15. Gill Sans

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

16. Century Gothic

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

17. Candara

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

18. Andale Mono

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

19. Didot

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

20. Copticplate Gothic

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

21. Rockwell

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

22. Bodoni

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

23. Franklin Gotich

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

24. Ta'sir

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

25. Calisto MT

Ishoratlar / Manba: Fonts.com / CSS tipidagi stack

Shrift vositalarini tekshirish

Sizning veb-saytingiz uchun foydalanishingiz mumkin bo'lgan turli shriftlarni tekshirish va sinab ko'rish uchun foydalanishingiz mumkin bo'lgan onlayn vositalar mavjud. Agar siz shrift tanlashda muammoga duch kelsangiz yoki faqat veb-saytlar uchun xavfsiz fontlar mavjudligini o'rganishni istasangiz, ushbu saytlar foydalanish uchun ajoyib vositadir.

Shrift turini tanlang

Shrift turini tanlang tipografiya bilan bog'liq bo'lgan barcha narsalar, plaginlar, elektron kitoblar, qo'llanmalar, videolar va hatto ilhomlarni taklif qiladi. Hatto, sizda Google shriftlarida mavjud bo'lgan eng mashhur shriftlarni va qaysi shriftlar bir-biri bilan yaxshi bog'langanini ta'minlovchi bo'lim mavjud.

Wordmark.it

Matningiz ma'lum bir shrift bilan qanday ko'rinishini tezkor ko'rib chiqishini xohlasangiz, Wordmark.it sizning matningiz bir vaqtning o'zida bir nechta shriftlarda qanday ko'rinishini ko'rishga imkon beradi. Faqat oldingi sahifa satrida so'z yoki iborani kiriting, Enter tugmasini bosing va sizning matningizni Candara yoki Lucida Console kabi turli fontlar bilan ko'rsatib beradi.

WhatTheFont

WhatTheFont onlaynda ko'rgan shriftni aniqlash va aniqlash uchun foydalanishingiz mumkin bo'lgan vositadir. Barcha qilishingiz kerak bo'lgan shriftning rasmini yuklashingiz va WhatTheFont sizni eng yaqin natijalarni berish uchun o'z ma'lumotlar bazasida o'zaro qidiradi. To'liq shriftni hali topa olmasangiz, hatto ularni boshqaring forumdan yordam so'rashingiz mumkin.

Bu shrift haqida hamma narsa

Agar siz menga o'xshagan biror narsa bo'lsangiz, unda veb-saytlarda ko'p vaqt sarflayapsiz, veb-saytlarni o'qish va tashrif buyurishingiz mumkin. Shuning uchun veb-sayt o'z saytining ingl. Dizaynini to'ldirish uchun yaxshi tipografiya ishlatganda buni qadrlaysiz.

Ko'zlarga ma'qul bo'lgan veb-ishonchli shriftlardan foydalanganda, foydalanuvchilaringiz minnatdor bo'ladilar va o'zingizning kontentingizdan ko'proq iste'mol qiladilar. Xo'sh, nimani kutmoqdasiz? Ushbu shriftlardan foydalanishni boshlang ajoyib veb-sayt yaratish ishingiz uchun!

Azreen Azmi tomonidan maqola

Azreen Azmi - mazmunan marketing va texnologiya haqida yozish uchun taniqli yozuvchi. YouTube-dan Twitch-ga kontent yaratishda eng so'nggi yangiliklarni va o'zingizning brendingizni bozorga chiqarishning eng yaxshi usulini topishga harakat qilmoqchi.