Cerco un bel font da sostiuire ad un mio template

[giannino1995]

Cerco un bel font da sostiuire ad un mio template che soddisfi le seguenti caratteristiche:

1) file dei font disponibili e scaricabili (il sito deve funzionare anche in assenza di rete internet)
2) supercompatibile con le centinaia di browser e dispositivi (anche smartphone, tablet, ecc...)
3) visibile ottimamente anche su tutti gli os (linux, apple, ecc...)

Un font tipo questi non mi dispiacerebbe:

https://support.apple.com/it-it/HT202033
http://www.microsoftstore.com/store/...6_SP4_20160418

ho messo qualche link giusto per dare un'idea...

Tra tutti quello della Apple è davvero bello... forse il migliore...

[KillerWorm]

[Mod]
Sposto in Grafica. Il fattore CSS è piuttosto marginale per il tipo di richiesta formulata.

[giannino1995]

Mille grazie! Attendo con impazienza. Riguardando quello di Apple devo ammettere che è davvero supremo...

[giannino1995]

Ho provato a caricare Open Sans in questo modo:
file 1

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

file 2

@charset "utf-8";
/* CSS Document */
/* LAYOUT MONOLITICO RESPONSIVE */
html, body {
    /* font-family: Open Sans, Georgia, Times, serif; */
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.00em;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
}

ma quando accedo al sito noto che per un istante il sito resta senza testi. Dato che il menu l'ho costruito con Bootstrap temo che il sito carichi il font della libreria e poi il mio causando questo problema. Come posso fare per risolvere?
Perché nessuno mi rispondere?
Ciao e grazie

[Myaku]

Perché nessuno mi rispondere?

stai passando da un quesito prettamente grafico a uno che riguarda il codice.
se hai bisogno di consigli sulle font, qui va bene, ma sul codice ti aiutano in css. senza io e killerworm ci facciamo i rimpiattini, apri la discussione relativa al problema di codice in css, questa la proseguiamo solo ed esclusivamente per il discorso grafico.

quindi, ti lascio come riferimento fontsquirrel.com come risorsa di font.

[giannino1995]

Ho risolto il problema e conosco già fontsquirrel.com ma non avendo Apple non riesco a capire quali di questi font siano veramente ottimali su Safari. Speravo di avere 2 o 3 nomi, magari i più gettonati o usati da voi nei vostri ultimi lavori.
Ciao e grazie