SyntaxFix

[css] Using a custom (ttf) font in CSS

You need to use the css-property font-face to declare your font. Have a look at this fancy site: http://www.font-face.com/

Example:

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

See also: MDN @font-face

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to fonts

• How to import a new font into a project - Angular 5 • Font Awesome 5 font-family issue • How do I change the font color in an html table? • How to add fonts to create-react-app based projects? • Changing fonts in ggplot2 • Webpack "OTS parsing error" loading fonts • Failed to decode downloaded font • Proper MIME type for .woff2 fonts • Link a .css on another folder • How can I fix the 'Missing Cross-Origin Resource Sharing (CORS) Response Header' webfont issue?

Examples related to true-type-fonts

• Convert or extract TTC font to TTF - how to? • Using a custom (ttf) font in CSS • How can I extract embedded fonts from a PDF as valid font files?