...
- fonts.com:
- We have a Monotype Library Subscription which features 2,200 font families2 2,200 font familiesIn addition to your existing web fonts benefits, you now have access to more than 10,000 desktop fonts in the Monotype Library. Ready to try it out? Check out our article on getting started with your desktop fontsfamilies available for use on web and desktop.
- Getting started with desktop fonts.
- Font Sending: You can send any of your subscription fonts to a colleague and they are free to use the font for 7 days.
- webtype.com
- myfonts.com
...
| Code Block | ||
|---|---|---|
| ||
@mixin set-font-face($font-family, $file-path, $weight: normal, $style: normal ) {
@font-face {
font-family: $font-family;
src:
url(#{$file-path}.woff) format('woff2'), /* Chrome 26+, Opera 23+ */
url(#{$file-path}.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: $weight;
font-style: $style;
font-stretch: none;
}
} |
note that EOT and SVG format fallbacks are no longer required
...
Note: @font-face and <link> really only work on Apple desktop and mobile clients.
Icon web fonts
When building a site with multiple custom icons you can save on http requests by bundling them all up in to a webfont using Thiago de Mello Bueno (Unlicensed)'s little piece of magic to combine your icons into a web font: https://github.com/madeofpeople/makesvgfont
However, you should probably never do this. The main argument of this approach was to improve performance on page load by reducing the number of requests that the browser would need to make for all the needed files. However, with the adoption of HTTP/2 browsers now can bundle a bunch of file requests in a single connection, and don't have to wait for the server to respond to each individually. https://stackoverflow.com/questions/36517829/what-does-multiplexing-mean-in-http-2
...