[{"data":1,"prerenderedAt":59},["ShallowReactive",2],{"\u002Fglossary\u002Fweb-fonts":3,"\u002Fglossary\u002Fweb-fonts:related":42},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":27,"date":28,"description":29,"draft":30,"extension":31,"letter":32,"meta":33,"navigation":34,"path":35,"readTime":36,"related":37,"seo":38,"stem":40,"term":5,"__hash__":41},"glossary\u002Fglossary\u002Fweb-fonts.md","Web Fonts","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":23},"minimark",[11],[12,13,14,18,19,22],"p",{},[15,16,17],"strong",{},"Web fonts"," are fonts that are downloaded by the browser on demand to render text in a specific typeface that is not pre-installed on the user's device. While crucial for branding and design, they must be loaded efficiently to avoid blocking text from being displayed or causing ",[15,20,21],{},"Cumulative Layout Shift (CLS)"," when the font is swapped in.",{"title":24,"searchDepth":25,"depth":25,"links":26},"",2,[],null,"April 8, 2026","Web fonts are fonts that are downloaded by the browser on demand to render text in a specific typeface that is not pre-installed on the user's device.",false,"md","W",{},true,"\u002Fglossary\u002Fweb-fonts","1 min read",[],{"title":39,"description":29},"Web Fonts: Definition | Web Performance Glossary","glossary\u002Fweb-fonts","Zib6xCRBlLn8MFTTE2WnY8K64WkJX4te2-2l8OSDuxE",[43,47,51,55],{"path":44,"title":45,"description":46,"letter":32},"\u002Fglossary\u002Fwkwebview","WKWebView","A WKWebView is the modern browser component that native iOS applications use to display web content directly inside the app. Think of it as a mini-browser window embedded within an app's interface.",{"path":48,"title":49,"description":50,"letter":32},"\u002Fglossary\u002Fwkwebviewconfiguration","WKWebViewConfiguration","This is the \"settings panel\" for a WKWebView. It is a configuration object that an iOS app developer uses to set up the properties and behavior of the in-app browser view.",{"path":52,"title":53,"description":54,"letter":32},"\u002Fglossary\u002Fwaterfall-chart","Waterfall Chart","A waterfall chart is a type of data visualization used in web performance analysis tools to illustrate how a browser loads all the assets on a webpage.",{"path":56,"title":57,"description":58,"letter":32},"\u002Fglossary\u002Fweb-performance-budget","Web Performance Budget","A web performance budget is a set of defined limits for key performance metrics that a website is not allowed to exceed. Rather than focusing on simple metrics like file size, modern performance bu…",1787756716698]