Web Fonts #adobe #web fonts #custom fonts

Web Fonts

https://google-webfonts-helper.herokuapp.com/fonts/inter?subsets=latin

Hook Element: Preload Fonts

<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/luthier-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/josefin-sans-v17-latin-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-500.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-600.woff2" crossorigin="anonymous">
	


Put in stylesheet:
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://website.com/wp-content/uploads/fonts/oswald-v47-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

igfonts.us is a web-based service that provides a large collection of open-source fonts for use on websites and other digital media. It was launched by Google in 2010 and has since become a popular resource for designers and developers looking to enhance the typography of their projects. They are also optimized for the web, meaning they load quickly and can be easily integrated into websites using simple HTML fonts and CSS fonts.