بخش ۴: تایپوگرافی (Typography)

بخش ۴: تایپوگرافی (Typography)

تنظیمات پیش‌فرض

بوت‌استرپ ۵ از فونت‌های پیش‌فرض سیستم استفاده می‌کند. سایز فونت پایه 16px و ارتفاع خط 1.5 است. همچنین پاراگراف‌ها دارای margin-bottom: 1rem هستند.

عناوین (Headings)

تمامی عناوین HTML از <h1> تا <h6> در بوت‌استرپ استایل‌دهی شده‌اند.

<h1>h1 heading (2.5rem)</h1>

<h2>h2 heading (2rem)</h2>

<h3>h3 heading (1.75rem)</h3>

خروجی بصری عناوین:

h1 heading

h2 heading

h3 heading

عناوین نمایشی (Display Headings)

برای عناوینی که نیاز به برجستگی بیشتری دارند از کلاس‌های .display-1 تا .display-6 استفاده می‌شود.

<h1 class=”display-1″>Display 1</h1>

<h1 class=”display-6″>Display 6</h1>

تگ‌های متنی خاص

استایل‌دهی به تگ‌های متنی استاندارد:

<p>Use <mark>highlight</mark> text.</p>

<p><del>Deleted text.</del></p>

<p><ins>Inserted text.</ins></p>

<p><small>Smaller text.</small></p>

خروجی بصری:

Use highlight text.

Deleted text.

Inserted text.

Smaller text.

نقل‌قول (Blockquotes)

برای نمایش نقل‌قول‌ها از کلاس .blockquote استفاده می‌کنیم.

<blockquote class=”blockquote”>

  <p>For 50 years, the WWF has been protecting the future of nature.</p>

  <footer class=”blockquote-footer”>From WWF’s website</footer>

</blockquote>