تایپوگرافی
آ
خانواده فونت
IBM Plex Sans، sans-serif
سرفصل ها
تمام عناوین HTML،<h1> through <h6>, are available.
h1. Semibold 2.25rem (36px)
h2. Semibold 1.8rem (28.8px)
h3. Semibold 1.575rem (25.2px)
h4. Semibold 1.35rem (21.6px)
h5. Semibold 1.125rem (18px)
h6. Semibold 0.9rem (14.4px)
نمایش سرفصل ها
عناصر عنوان سنتی به گونه‌ای طراحی شده‌اند که بهترین عملکرد را در محتوای صفحه شما داشته باشند.
نمایشگر 1
نمایش 2
نمایش 3
نمایشگر 4
نمایشگر 5
نمایشگر 6
عناصر متن درون خطی
یک ظاهر طراحی برای عناصر رایج HTML5 درون خطی.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
می توانید از تگ علامت گذاری استفاده کنیدhighlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
این خط از متن به عنوان چاپ ظریف در نظر گرفته شده است.
این خط به صورت متن پررنگ ارائه می شود.
This line rendered as italicized text.
لیست بدون استایل
پیش فرض را حذف کنیدlist-style and left margin on list
items (immediate children only). این فقط در مورد فوری صدق می کند\n , meaning you will need to add the class
for any nested lists as well.
- عدد صحیح molestie lorem at massa
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- زخم های پوروس سودال
- Sem porttitor وستیبولوم laoreet
- Faucibus porta lacus fringilla vel
فهرست درون خطی
گلوله های یک لیست را بردارید و تعدادی را اعمال کنید\n margin with a combination
of two classes, .list-inline and
.list-inline-item.
- لورم اپیسوم
- Phasellus iaculis
- Nulla volutpat
نقل قول های بلوکی
برای نقل قول از بلوک های محتوا از\n <blockquote
class="blockquote"> around any HTML as the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
تراز فهرست توضیحات
تراز کردن اصطلاحات و توضیحات\n .text-truncate class to
truncate the text with an ellipsis.
- لیست های توضیحات
- لیست توضیحات برای تعریف اصطلاحات عالی است.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- اصطلاح کوتاه شده کوتاه شده است
- Fusce dapibus، telus ac cursus commodo، Tortor Mauris Condimentum nibh، ut fermentum massa justo sit amet risus.
- لانه سازی
-
- لیست تعریف تو در تو
- Aenean posuere, Tortor sed cursus feugiat, nunc augue blandit nunc.
تبدیل متن
استفاده کنید.text-lowercase, .text-uppercase, or .text-capitalize to transform the text..
متن با حروف کوچک.
متن بزرگ.
متن با حروف بزرگ
تزیین متن
تزیین متن در اجزا با کلاس های تزیین متن.
این متن یک خط زیر آن دارد.
این متن دارای یک خط است که از آن عبور می کند.
تزیین متن این لینک حذف شده استاندازه فونت
به سرعت اندازه فونت متن را تغییر دهید.
متن fs-1
متن fs-2
متن fs-3
متن fs-4
متن fs-5
متن fs-6
بسته بندی و سرریز متن
متن را با a بپیچید.text-wrap class.
جلوگیری از بسته بندی متن با a.text-nowrap class.
شکستن کلمه
استفاده کنیدtext-break class to prevent long strings of text from breaking your components' layout.
ممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممم