[css] Use multiple custom fonts using @font-face?

@font-face {
  font-family: FontName1;
  src: url("fontname1.eot"); /* IE */
  src: local('FontName1'), url('fontname1.ttf') format('truetype'); /* others */
}
@font-face {
  font-family: FontName2;
  src: url("fontname1.eot"); /* IE */
  src: local('FontName2'), url('fontname2.ttf') format('truetype'); /* others */
}
@font-face {
  font-family: FontName3;
  src: url("fontname1.eot"); /* IE */
  src: local('FontName3'), url('fontname3.ttf') format('truetype'); /* others */
}

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 font-face

• Using Lato fonts in my css (@font-face) • Specifying Font and Size in HTML table • Why does this "Slow network detected..." log appear in Chrome? • How can I fix the 'Missing Cross-Origin Resource Sharing (CORS) Response Header' webfont issue? • Using custom fonts using CSS? • Right mime type for SVG images with fonts embedded • Why should we include ttf, eot, woff, svg,... in a font-face • Using fonts with Rails asset pipeline • Applying a single font to an entire website with CSS • Use multiple custom fonts using @font-face?