Pacifico is a connected script font designed by Vernon Adams. It comes in a single style and with over 250 glyphs. It’s a calligraphy font that works great when used for formal purposes. Alex BrushĪlex Brush is connected, brush-script font designed by TypeSETit. They’re rarely used on the web as a body text and work best when used for their intended purposes. These types of fonts are mainly used on invitations, headings for announcements or advertising. Connected fonts are designed with a careful approach to ensure each letter flows into the next in a smooth, continuous manner. This refers to the flow that exists between each letter. Script fonts can also be connected, semi-connected or unconnected. They can either be formal where they’ll appear elegant or informal where they’ll appear more playful. The bottom line: It's truly the ultimate solution for any website/webapp in any OS.Script fonts are beautiful typefaces that resemble handwritten and calligraphic lettering styles. It is deliberately listed after Segoe UI so that if you’re an Android developer on Windows and have Roboto installed, Segoe UI will be used instead. Roboto targets Android and newer Chrome OS.Segoe UI targets Windows and Windows Phone.BlinkMacSystemFont is the equivalent for Chrome on Mac OS X.system-ui represents the default UI font on a given platform.It properly selects between San Francisco Text and San Francisco Display depending on the text’s size. -apple-system targets San Francisco in Safari (on Mac OS X and iOS), and it targets Neue Helvetica and Lucida Grande on older versions of Mac OS X.The beauty of system fonts is that it matches what the current OS uses, so it can be a comfortable look. If we can use a font already available on the user’s machine, we can completely eliminate the need to fetch this resource, making load times noticeably faster. Fonts are typically one of the largest/heaviest resources loaded on a website. The main reason for using 'system' fonts is performance. It is used by GitHub, Wordpress, Bootstrap, Medium, Ghost, etc. This solution is harmless and very useful. Font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif

Apple casual font