Hello, I've always used Google sources on my sites, but I came across a project that has fonts that do not exist in Google Fonts. Can I use an external source, whatever it is? It is like? (I apologize if there are any similar questions, but I did not find any that would take away all doubts.)
I also need to know about paid fonts and etc., if I can use any font or I may have a copyright issue.
Can I also download some font on my computer and import it into Google WebFonts, for example?
You can import the font into your project using CSS
@font-face {
font-family: 'museo300';
src: url('../fonts/museo300-regular-webfont.eot');
src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/museo300-regular-webfont.woff2') format('woff2'),
url('../fonts/museo300-regular-webfont.woff') format('woff'),
url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
url('../fonts/museo300-regular-webfont.svg#museo300') format('svg');
font-weight: normal;
font-style: normal;
}
Remembering that some fonts are paid and therefore can not convert to all formats.
There are several sites that convert from one font type to another.
You can import via Google WebFonts: Here's a classic application example:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie:regular' rel='stylesheet' type='text/css'>
<style>
h1 {
font-family: 'Reenie Beanie', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Seu texto vai aqui.</h1>
</body>
</html>
The fonts you can get through the link link