Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Opera a @font-face

  1. #1
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766

    Opera a @font-face

    Maledizione, ho appena scoperto che Opera si comporta come IE7 per quanto riguarda il @font-face.
    Di un font mi serve solo il maiuscolo, quindi trramite fontsquirrell ho generato un file con solo le lettere maiuscole e poi col text-transform:uppercase tutto si visualizzava bene.
    Però l'eot l'ho esportato anche col lowercase in modo che IE7 fosse contento.
    Ora scopro che Opera non si fa raggirare dal trucchetto dell'uppercase; ma il problema è che il file eto pesa ben di meno del ttf. Vorrei evitare di avere 90k solo di font.
    Come si potrebbe aggirare il problema?

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    usa un file in formato svg per opera. Può essere compresso lato server con gzip
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    dove sbaglio?

    @font-face {
    font-family: 'titoli';
    src: url('../titoli.eot');
    src: local('titoli'), url('../titoli.ttf') format('truetype');
    src: url('../titoli.svg#titoli') format('svg');

    }

    ho fatto il font con fontsquirrell e poi gli ho cambiato nome in titoli.svg e caricato sul server ma non si vede

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ho sostituito il pezzo di opera con src: url('../titoli.svg#BebasNeueRegular') format('svg');

    ma non va ancora, anzi adesso non mi funziona neanche firefox. Quella riga mi crea casini, ma perchè? ho guardato sul css di fontsquirrel e mette così per il suo font.

    codice:
    @font-face {
        font-family: 'Megalopolis';
        src: url('fonts/megalopolisextra-webfont.eot');
        src: url('fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/megalopolisextra-webfont.woff') format('woff'),
             url('fonts/megalopolisextra-webfont.ttf') format('truetype'),
             url('fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    forse il fatto di cambiare nome al font? ma col truetype funziona.

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    non so se per questioni di cache o che, cmq con opera adesso diciamo e sottolineo diciamo che funziona. Ma FF non funziona più; allora ho invertito le righe definendo prima il ttf e poi l'svg, ma credo che anche opera vada a pescare il ttf rendendo così inutile l'svg.
    E l'svg non mi funziona bene, non fa vedere tutte le lettere di una parola, anche se sono lettere normali che in altre parole appaiono.
    Devo andare a fondo della questione.
    Grazie cmq Fabrizio per la dritta dell'svg.

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Mi sa che sto font ha qualche problema. Con Chrome al posto degli spazi si vede un pinguino con la faccia da Konrad Lorenz.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.