Font Loading Optimization Exercise

In this exercise we will try to optimise font loading in our website for better UX.

This is light text

This is bold text.

This is extra bold text.

This is italic text.

This is written with system sans-serif font and this is Test link.
All other text is in custom font: Inter

Bold Italic Title

Image 1

Dummy Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pulvinar ex tortor, a euismod nisi dictum id. Vestibulum vitae luctus diam. Cras hendrerit vulputate enim, nec sagittis elit sodales quis. Nulla a ante quis erat pellentesque gravida. Morbi eleifend turpis suscipit nisl lobortis condimentum eget sed dolor. Donec ligula diam, bibendum vel tincidunt eget, lobortis sit amet metus. Quisque tincidunt, sapien aliquam mattis viverra, massa sapien pulvinar ipsum, efficitur aliquet nisl metus eu est. Sed justo tortor, eleifend eget sem quis, tempor consectetur metus. Curabitur eu lobortis velit. Donec at lacinia lectus.

Nullam vehicula turpis nec nibh efficitur porta. Nullam tincidunt rutrum ligula, in hendrerit nisi pharetra ut. Vivamus nec libero ac risus congue congue in gravida augue. Nam tempus id lorem et rhoncus. Ut tempor nunc nisl, blandit auctor risus maximus et. Nam vitae arcu quis nulla bibendum hendrerit et pharetra sem. Donec ut elit vel odio posuere accumsan. Mauris finibus, tortor ac hendrerit mattis, magna metus gravida nisi, nec imperdiet eros justo et felis. Aliquam ligula quam, consequat at eros vel, porttitor imperdiet neque. Mauris augue sem, consequat et metus nec, rhoncus fringilla sem. Proin a dictum dui.

Suspendisse porttitor sed risus a semper. Etiam ac magna efficitur, scelerisque neque at, maximus nulla. Donec nec dignissim mauris. Suspendisse tincidunt dui quis lectus dictum sagittis. Vivamus sed turpis consequat, hendrerit nulla a, venenatis lacus. Fusce maximus enim ac efficitur faucibus. Pellentesque enim purus, varius non tortor lobortis, tincidunt tincidunt lorem. Suspendisse vel quam pulvinar, viverra nisi eu, fringilla dolor. Vivamus quis neque quis lectus dictum pretium.

Mauris quis lacus nulla. Aenean quis finibus urna. Proin porta sem quis quam egestas, quis tristique dui condimentum. Praesent in justo metus. Maecenas congue at nisi et ullamcorper. Donec semper, leo vel sagittis luctus, dolor massa molestie urna, eu hendrerit eros ante ac sapien. Quisque blandit ante sem, a gravida dolor finibus eget. Aliquam pulvinar leo non eros tincidunt, vitae blandit justo aliquet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam eu consectetur arcu. Mauris venenatis efficitur aliquam. Etiam rutrum pretium lectus, a maximus ante.

Nullam in sapien at diam facilisis consequat. Aliquam vehicula commodo nibh, vel suscipit lacus pharetra rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed at pulvinar nibh. Vestibulum a varius nibh, ut luctus est. Morbi non nunc sit amet massa tincidunt convallis sodales ac tortor. Vestibulum eleifend efficitur dictum. In tincidunt lectus a nisi bibendum, ut lobortis felis tincidunt. Praesent aliquet diam eu lacus bibendum interdum in quis nulla. Phasellus eu odio eu nibh interdum mollis eleifend nec nunc. Nulla aliquet enim dui, eu auctor ligula consequat a. Sed nec varius odio, id viverra justo. Aenean sit amet sodales magna. Quisque vel augue at libero condimentum volutpat in eget erat. Etiam pellentesque dui sed vestibulum finibus.