Bootstrap4 Text /Typography

<h1> – <h6>

Bootstrap 4, HTML başlıklarını (<h1> – <h6>)  daha kalın yazı tipi ağırlığı ve artırılmış yazı tipi boyutuyla stillendirir:

<small>

<div class="container">
  <h1>h1 ALTF4YAPİN (2.5rem = 40px)</h1>
  <h2>h2 ALTF4YAPİN (2rem = 32px)</h2>
  <h3>h3 ALTF4YAPİN (1.75rem = 28px)</h3>
  <h4>h4 ALTF4YAPİN (1.5rem = 24px)</h4>
  <h5>h5 ALTF4YAPİN (1.25rem = 20px)</h5>
  <h6>h6 ALTF4YAPİN (1rem = 16px)</h6>
</div>

<mark>

Bootstrap 4, HTML <mark> öğesini sarı bir arka plan rengi ve biraz dolgu ile biçimlendirir:

<p>Altını çizmek istediğiniz öğe için mark etiketini kullanın<mark>ALTF4YAPİN</mark></p>
</div>

<abbr>

Bootstrap 4, HTML <abbr> öğesinin altını noktalı kenarlık ile biçimlendirir:

abbr öğesi, bir kısaltmayı veya baş harflerden oluşan sözcüğü işaretlemek için kullanılır:
<div class="container">
  <p>The <abbr title="AltF4Yapin">AF4Y</abbr></p>
</div>

<blockquote>

Farklı bir kaynaktan içerik blokları alıntılarken .blockquote sınıfını bir <blockquote> öğesine eklenir:

<blockquote class="blockquote">
    <p>Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow</p>
    <footer class="blockquote-footer">From Emmet's website</footer>
  </blockquote>

<pre>

Bootstrap 4, <pre> etiketi kodlarınız editörde nasıl yazarsanız sayfa üzerinde de aynı şekilde görüntülenir:

<pre> ALTF4YAPİN
Lorem ipsum dolor sit amet, consectetur 
adipiscing elit, 
sed do eiusmod tempor incididunt ut labore et 
dolore magna aliqua. 
Elementum nisi quis eleifend quam adipiscing vitae.
</pre>

<lead>

Paragrafın öne çıkmasını sağlamak için lead sınıfı kullanılır:

<div class="container">
  <p>öne çıkmasını istediğiniz paragrafa .lead etiketini kullanının.</p>
  <p class="lead">Bu paragraf öne çıkarılan bir paragraftır</p>
  <p>bu normal bir paragraftır</p>

Font class

Bootstrap 4 de yazı tipimize kalınlık , italik , açık yazı rengi kullanmak isteyebiliriz , bunun için classımıza:

<p class = "font-weight-bold"> Kalın yazı tipi </p>
<p class = "font-weight-italic"> italik yazı tipi </p>
<p class = "font-weight-light"> açık renkli yazı tipi </p>