CODEWITHSUNDEEP
htmlcssfonts
POV
POV

Reputation: 12005

How to connect fonts on the page globaly?

There are two ways to do that:

I have some files like as: CRC35.otf

How to do that right?

Upvotes: 0

Views: 112

Answers (2)

Salmanul Faris
Salmanul Faris

Reputation: 356

the Best way is to use google fonts http://fonts.google.com you can import it meta tag like this (to use eg. Noto Sans Font)

`<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">`

or directly to css 

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

and use it as 

{
font-family: 'Noto Sans', sans-serif;
}

:)

Upvotes: 1

meshin
meshin

Reputation: 478

Use the .otf file and convert to other font formats with this tool https://transfonter.org/ and then embedd them all in CSS file like this

@font-face {
font-family: 'CRC35';
src: url('CRC35.eot');
src: url('CRC35.eot?#iefix') format('embedded-opentype'),
    url('CRC35.woff') format('woff'),
    url('CRC35.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

Upvotes: 1

Related Questions