host font per siti web

risolto

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Ehilà.. Credo che tu lo sappia fare quindi te lo chiedo! <.< Mi servirebbe sapere come posso fare ad hostare un font (non di quelli predefiniti come ad esempio il georgia) in modo tale che sia visualizzabile in mozilla/chrome. Lo ho già fatto un paio di volte ma in entrambe le volte avevo utilizzato dei "Pacchetti già pronti" ora però non riesco a trovare il pacchetto del font che voglio utilizzare quindi non sò come fare! <.< Potresti gentilmente spiegarmelo? (:
     
    Top
    .
  2. JackGaunt
     
    .

    User deleted


    oddio :Q_ se posso aiutarti a disposizione!
    allora, innanzitutto non so se hai mai provato i font di google: www.google.com/webfonts/
    quelli sono veramente facili da utilizzare.
    Altrimenti potresti provare ad hostarli su di un tuo dominio (tipo su altervista che è gratuito) e caricarli tramite il comando
    CODICE
    @font-face {font-family: 'Homenaje';
    font-style: normal;
    font-weight: 400;
    src: local('Homenaje'), local('Homenaje-Regular'), url(http://URLALTUOFILE.woff) format('woff')}
     
    Top
    .
  3.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Io ho provato ad impostare così:
    CODICE
    <script type="text/javascript">
    @font-face {font-family: 'pealexvalentine';
    font-style: normal;
    font-weight: 400;
    src: local('pealexvalentine'), local('pealexvalentine-Regular'), url(http://dumpshare.net/335pealexvalentine.ttf) format('ttf')}
    </script>

    <div style="font-family:pealexvalentine; font-size:60px">testo testo</div>


    In cima ai codici HTML ovviamente, ho per caso sbagliato qualcosa? .___. Perchè non lo visualizzo! XD

    CITAZIONE
    oddio :Q_ se posso aiutarti a disposizione!

    XD Tanto devo chiederti un'altra cosa dato che sei tu il genio dei menù utente! XD Ma prima tenterò di risolvere questo problema che non mi fa dormire la notte! <.<
     
    Top
    .
  4. JackGaunt
     
    .

    User deleted


    amphetamines dovevi metterlo nei colori e stili (scusa se questa settimana non ci sono stato)
     
    Top
    .
  5.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Quindi mettere questa parte qui in CSS:
    CODICE
    @font-face {font-family: 'pealexvalentine';
    font-style: normal;
    font-weight: 400;
    src: local('pealexvalentine'), local('pealexvalentine-Regular'), url(http://dumpshare.net/335pealexvalentine.ttf) format('ttf')}

    E questa in HTML:
    CODICE
    <div style="font-family:pealexvalentine; font-size:60px">testo testo</div>

    Ma non mi viene comunque! .___.
     
    Top
    .
  6. JackGaunt
     
    .

    User deleted


    mi sa che puoi usarlo solo dai css!
    quindi devi crearti una classe/id per l'oggetto e definire il font da l in questo modo:
    CODICE
    <div id="myfont"></div>

    e poi in Colori e Stili
    CODICE
    #myfont {
       font-family: "pealexvalentine"; }


    dovrebbe funzionare, a meno che non hai sbagliato link.
    mi passi il link alla pagina di google fonts da cui l'hai preso?
     
    Top
    .
  7.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Credo di aver trovato un metodo alternativo.. spero che funzioni con tutti i broswer. Ho messo questo in cima all'HTML:
    CODICE
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield">

    E questo dove serve:
    CODICE
    <div style="font-size:40px; font-family:Mrs Saint Delafield">testo testo Cherry Swash</div>


    Però nella pagina google non riesco a trovare il font che mi serve, ossia questo "segoe ui light" Su windows8 è già preimpostato quindi io lo vedo tranquillamente! <.< Mi serve per riuscire a finire la skin qui in modo che tutti riescano a vedere il font giusto! ç___ç

    Edited by Amphetamines' - 17/11/2012, 14:48
     
    Top
    .
  8. JackGaunt
     
    .

    User deleted


    su google fonts credo sia difficile trovare i fonts proprietari di windows, dal momento che ci sono ragioni profonde per cui non succederà.
    Prova a trovare font alternativi, in questo caso ti consiglio di abbassare il valore "Thickness" sulla sinistra della pagina di google fonts.
     
    Top
    .
  9.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Capisco, un'ultima cosa.. Ho trovato questo font che è praticamente identico click. Solo che mettendo così:
    CODICE
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato">

    Utilizzo la versione normale, invece a me servirebbe la "Ultra-Light 100", sai come posso fare?
     
    Top
    .
  10. JackGaunt
     
    .

    User deleted


    prova così:
    CODICE
    <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
     
    Top
    .
  11.  
    .
    Avatar


    Group
    Skinner mate
    Posts
    15,553

    Status
    Anonymous
    Sistemato! *w* Grazie mille, ti ho inserito nei credits! (:
     
    Top
    .
  12. JackGaunt
     
    .

    User deleted


    oh wow :D
     
    Top
    .
11 replies since 12/11/2012, 12:30   110 views
  Share  
.
Top