Responsive Web Design

Solving the Problem of @font-face Inside Media Queries

Keeping page weight down is important, especially on mobile networks where page load is often a bigger factor. This technique allows you to reduce the load by ommiting @font-face fonts loading in certain media queries, while still keeping all browsers reasonably happy.