روش های مختلفی برای سفارشی کردن مشخصات فونت یک بلوک متنی در یک صفحه وجود دارد. برخی از آنها به طور انحصاری از HTML استفاده می کنند ، برخی دیگر - فقط CSS و برخی دیگر توانایی های هر دو زبان را ترکیب می کنند.
دستورالعمل ها
مرحله 1
می توانید بلافاصله قبل از شروع این بلوک ، پارامترهای قلم را که مرورگر باید برای نمایش یک بلاک خاص از متن در صفحه استفاده کند ، مشخص کنید. برای این منظور ، بدون درگیر کردن توصیف سبک عناصر سند ، ابزار زبان نشانه گذاری کافی است. ساختار HTML مربوطه متشکل از برچسب های باز و بسته قلم (و) است که متن در بین آنها قرار می گیرد. این برچسب به شما اجازه می دهد تا نام قلم را در ویژگی چهره ، رنگ آن (در ویژگی رنگ) و اندازه (در ویژگی اندازه) مشخص کنید. رنگ را می توان در تعیین متن آن مشخص کرد (به عنوان مثال ، رنگ آبی) ، اما بهتر است از کدهای هگزادسیمال استفاده شود (به عنوان مثال ، # 0000FF به جای آبی) ، زیرا می توان از آنها برای انتخاب دقیق تر سایه مورد نظر استفاده کرد. اندازه قلم در اینجا در واحدهای نسبی تنظیم شده است - شما باید یک عدد را در محدوده 1 تا 7 مشخص کنید. متن نمونه با پارامترهای قلم به این روش تنظیم شده است: متن نمونه
گام 2
روش دیگر استفاده از ویژگی style است. این را می توان در بسیاری از برچسب ها مشخص کرد ، از جمله مواردی که متن را در متن سند به صورت درون ریز تشکیل می دهند یا مسدود می کنند. در اینجا مثالی با برچسب وجود دارد که یک پاراگراف از متن را تشکیل می دهد:
متن نمونه
در اینجا ، 700 قلم وزن و 20px اندازه قلم است. در واقع ، آنها عملاً یکدیگر را کپی می کنند - اندازه حروف را تنظیم می کنند. تنها تفاوت در این است که اندازه قلم اندازه ها را در واحد های مطلق (px یا em) نشان می دهد و وزن قلم را در واحدهای نسبی ، یعنی. اندازه این بلوک متن را نسبت به مشخص شده برای کل سند به عنوان یک کل افزایش یا کاهش می دهد. همانطور که می توانید تصور کنید ، استفاده از هر دو همزمان در یک ویژگی سبک فایده ای ندارد ، آنها فقط در اینجا به عنوان مثال ترکیب می شوند. عدد 12 که پس از اندازه مطلق با کسری نشان داده می شود ، ارتفاع خطوط این پاراگراف را تنظیم می کند. و Verdana البته نام قلم مورد استفاده است.
مرحله 3
با این حال ، تعیین پارامترهای قلم به طور مستقیم در برچسب های عناصر صفحه اکنون به ندرت استفاده می شود. به عنوان یک قاعده ، توصیفات قلم در بلوک های CSS قرار می گیرند و فقط پیوندهای مربوط به آنها در برچسب ها - در کلاس یا ویژگی های id نشان داده می شوند. نمونه ای از این نوع تعیین پارامترهای قلم:
.paraFont {font: 20px / 40 Verdana؛}
متن نمونه
مرحله 4
اگر تنوع خاصی از قلم ها در صفحه وجود ندارد ، می توانید پارامترهایی را تنظیم کنید ، به عنوان مثال برای همه برچسب ها
و نه در ویژگی کلاس یا در شناسه به توصیف سبک پیوند دهید. در این حالت ، نمونه قبلی را می توان به این نوع ساده کرد:
p {font: 20px / 40 Verdana؛}
متن نمونه