Logo Informatizzati

Soluzione cross-browser per includere font esterni nel css

Prima di tutto occorre avere i file del font e salvarli in una cartella all'interno del sito.

Scrivere questa parte di codice nel file .css

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}



Se il file del font è stato salvato in una cartella diversa dal percorso del css occorre inserire il percorso corretto, es: al posto di webfont.eot scrivere ../font/webfont.eot

Commenti (0)

Attach images by dragging & dropping or by selecting them.
The maximum file size for uploads is 1MB. Only gif,jpg,png files are allowed.
 
The maximum number of 1 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.
The maximum number of 1 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.
Posta come

    Commenti offerti da CComment