Icon font’s are great, but one thing nobody seems to be talking about (when it comes to icon fonts at least), is bloat. Yes, it’s loaded via a CDN you may say, Yes, it’s only 100kb you say. Well, if you’re like me and care about EVERY kb that gets loaded, read on for a better method.
Header Level 2
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
Header Level 3
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
#header h1 a { display: block; width: 300px; height: 80px; }