Autore Topic: @FONT-FACE WEBSITE X5 PROFESSIONAL 12 version:12.0.10.32  (Letto 35 volte)

Checco24

  • Nuovo arrivato
  • *
  • Post: 2
@FONT-FACE WEBSITE X5 PROFESSIONAL 12 version:12.0.10.32
« il: 12 Febbraio, 2018, 16:07:57 »
Ciao a tutti, da poco ho creato un sito web www.eculabperformance.it con Website X5 Professional 12 con 2 tipi di caratteri "non standard".
Ho letto sul web che per fare in modo che ogni browser veda questi tipi di carattere cè una "procedura" chiamata @font-face.
I caratteri in questione sono il Blaster_Italic.TTF (BLASTER ITALIC) e il concv2c.TTF (Concielian Condensed Condensed).
Allora, per prima cosa sono andato su fontsquirrel.com e ho caricato i miei caratteri e ho scaricato i 2 file .zip dal sito; uno per ogni carattere.
Ora vorrei capire cosa fare con questi file scaricati; ho cercato aiuto ma non ne capisco quasi niente di codice quindi non ho capito tanto dalle risposte lette. Per ora ho capito che devo andare al passo "4/Esperto/Prima della chiusura del tag HEAD" e scrivere il codice se non erro, giusto?
Ho provato anche adestrarre il codice dal file stylesheet (Documento CSS) scaricato, lo scrivo identico?

<style>





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

}




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

}

</style>

Qualcuno può spiegarmi la procedura passo-passo su come e quali file utilizzare, dove metterli, e sopratutto quali codici scrivere e dove?
Grazie mille

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1745
    • lemonsong's links
Re:@FONT-FACE WEBSITE X5 PROFESSIONAL 12 version:12.0.10.32
« Risposta #1 il: 12 Febbraio, 2018, 18:30:28 »
Con WebSite X5 12 puoi fare tutto da programma.

Leggi la guida:
https://help.websitex5.com/it/v12/pro/web_fonts.htm

Checco24

  • Nuovo arrivato
  • *
  • Post: 2
Re:@FONT-FACE WEBSITE X5 PROFESSIONAL 12 version:12.0.10.32
« Risposta #2 il: 13 Febbraio, 2018, 11:32:49 »
grazie mille lemonsong ho risolto con la guida che mi hai girato  ;) :D