نحوه تنظیم قلم در HTML

فهرست مطالب:

نحوه تنظیم قلم در HTML
نحوه تنظیم قلم در HTML

تصویری: نحوه تنظیم قلم در HTML

تصویری: نحوه تنظیم قلم در HTML
تصویری: 10: نحوه وارد کردن فونت های جدید | مبانی CSS | آموزش HTML و CSS | آموزش HTML 2024, نوامبر
Anonim

قلم بخشی جدایی ناپذیر در طراحی وب است که سبکی متمایز به سایت می دهد. متن با کیفیت بالا در صفحه باید هماهنگ به نظر برسد ، با سایر عناصر سایت ترکیب شود و در عین حال به درک بهتر اطلاعات کمک کند. با استفاده از نشانه گذاری HTML و جداول Cascading CSS ، می توانید تقریباً هر تنظیم را برای به حداکثر رساندن عملکرد صفحه تنظیم کنید.

نحوه تنظیم قلم در HTML
نحوه تنظیم قلم در HTML

ضروری است

فایل قلم با فرمت TTF

دستورالعمل ها

مرحله 1

برای استفاده از مجموعه ای از قلم ها که در رایانه شما نصب شده است ، می توانید از پارامتر font-family ورق های سبک آبشار استفاده کنید. برای این کار کد زیر را برای مورد مورد نظر وارد کنید:

پیامک

این دستور عنوان سطح دوم h2 را در حروف Arial نمایش می دهد.

گام 2

اگر می خواهید از قلم خود استفاده کنید ، ابتدا باید آن را در هاست آپلود کرده و با استفاده از دستور مناسب فعال کنید. پرونده های TTF با دستور زیر گنجانده شده اند:

ویژگی font-family در این حالت نام نوع متن را مشخص می کند و src: url (font.ttf) مسیر فایل TTF را مشخص می کند.

مرحله 3

پس از فعال کردن عنصر ، می توانید از آن برای نمایش متن استفاده کنید:

پیامک

این دستور وظیفه نمایش قلم مورد نیاز با حروف کج در عنوان سطح دوم را دارد. اگر مرورگر کاربر از مدیریت پرونده های TTF پشتیبانی نمی کند ، از قلم سیستم مشخص شده پس از اولین ویرگول (در این حالت Verdana) استفاده می شود.

مرحله 4

برخی از مرورگرها از TTF قابل بارگیری پشتیبانی نمی کنند. به عنوان مثال ، اینترنت اکسپلورر 8 از قالب EOT برای نمایش متن استفاده می کند. برای چنین مرورگرهایی ، TTF اصلی را با استفاده از چندین سرویس تبدیل کرده و نوع حروف حاصل را به همان روش در پارامتر @ font-face قرار دهید.

مرحله 5

اگر می خواهید پرونده مورد نیاز خود را از منبع دیگری وارد کنید ، از دستورimport استفاده کنید ، که باید در بالای سند CSS نوشته شود:

import url (https:// font_address)

توصیه شده: