font-size/line-height

paragraphs

font-size

default p-element

p-element font-size: 150%

p-element font-size: 200%

p-element font-size: 300%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

line-height

default p-element

p-element line-height: 150%

p-element line-height: 200%

p-element line-height: 300%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

font-size/line-height

default p-element

p-element font-size/line-height: 150%/200%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

font-size/line-height bestread

p-element font-size/line-height: 100%/125%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

font-size/line-height compressed

p-element font-size/line-height: 100%/100%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.

font-size/line-height widther

p-element font-size/line-height: 100%/150%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a felis a leo mattis faucibus. Sed rutrum lectus. Nullam elit purus, posuere et, ullamcorper eget, venenatis a, lectus.