Comment rendre Segoe UI de police dans les différents navigateurs et systèmes d'exploitation

J'ai quelques applications web qui suivent de style metro de Microsoft (ie.: de nouvelles perspectives).
Mais je vais avoir des problèmes avec les polices que j'ai utilisé.
La police par défaut est "Segoe" de la famille, lorsqu'un utilisateur d'entrer dans l'application dans un système que le bureau de la police Segoe UI, tout est bien. Mais dans certains cas, les utilisateurs sont à l'aide de Mac ou Ubuntu qui ne viennent pas avec le "Segoe UI" et le navigateur utilise le secondaire police (dans mon cas, Tahoma).

Dans la nouvelle version d'Outlook n'importe quel système d'exploitation que vous utilisez, il utilise toujours Segoe UI de la famille (je pense qu'ils sont à l'aide de polices web)

Certaines personnes m'ont parlé utiliser des polices web, mais je ne trouve nulle part (j'ai cherché dans beaucoup de polices web des sites web de polices de Segoe famille.

N'quelqu'un a une idée de comment je résoudre cette situation?

N'est-ce pas l'intérêt d'avoir un secondaire de la police? Pour définir une police lorsque le principal de la police n'est pas disponible? Pourquoi êtes-vous surpris qu'il se passe?
Parce que c'est une exigence de toujours utiliser Segoe UI, après la métro du guide de style, comme la nouvelle version d'Outlook, TFS 2012 etc...

OriginalL'auteur Renan Cunha | 2013-01-18

  1. 7

    Tout d'abord il y a difrent types de polices pour chaque navigateur. Pour vous assurer qu'elle fonctionne dans tous les navigateurs, Vous devez mettre au moins 3 types: eot, ttf, woff (et svg). La meilleure façon de l'obtenir est d'utiliser l'un des liens: http://www.fontsquirrel.com/fontface/generator, http://fontface.codeandmore.com/

    C'est très simple et Vous obtiendrez un ensemble de prêts à utiliser des polices. Après le téléchargement de Votre jeu, Vous trouverez le fichier d'exemple où Vous verrez comment utiliser les nouvelles polices.

    Dans Votre cas, il peut être comme:

    @font-face {
    font-family: 'Segoe';
    src: url('/font_path/Segoe.eot');
    src: url('/font_path/Segoe.eot?#iefix') format('embedded-opentype'),
         url('/font_path/Segoe.woff') format('woff'),
         url('/font_path/Segoe.ttf') format('truetype'),
         url('/font_path/Segoe.svg#Segoe') format('svg');
    font-weight: normal;
    font-style: normal;
}

    /font_path/ est le chemin relatif de vos polices en fonction de ce fichier css. Habituellement, il est ../fonts/.

    Pourquoi Vous avez besoin de toutes ces?

    ttf, otf - pour: FireFox, google Chrome < 6, Safari et Opera

    oet - pour: Internet Explorer < 9

    svg - pour: Safari Mobile (iPhone, iPad pour iOS < 4.2), Android browser

    woff - pour: Internet Explorer >= 9, FireFox >= 3.6, Chrome >= 6

    Segoe.eot - et d'autres sont des liens (par rapport à ce cas) à ceux des fichiers de police.

    MODIFIER

    Parce que fontsquirrel.com ne pas rendre certaines polices, etfontface.codeandmore.com ont changé commerciales parfois, Vous devrez google pour certains autres online font generator.

    MODIFIER

    Si fontsquirrel.com ne sera pas Vous aider à utiliser: http://www.font2web.com/

    Notez que vous devez acheter une licence pour utiliser la police Segoe UI comme de polices web.
    Oui, mais c'est quelque chose selon une licence de police, je voulais juste montrer comment résoudre le web jeu de polices problème. BTW fontsquirrel.com Vous permettent d'utiliser de nombreuses polices de caractères gratuites.

    OriginalL'auteur bumerang

  2. 1

    Utiliser les CSS pour spécifier un emplacement où la police peut être téléchargé s'il n'est pas disponible dans le système d'exploitation. Ajouter ceci au début de votre fichier CSS:

    @font-face {
    font-family: Segoe;
    src: url('/fonts/segoe.ttf');
}

    La ttf format fonctionne pour la plupart des navigateurs. Pour IE, ajouter l'emplacement d'un eot de la version de votre conditionnelle IE feuille de style:

    @font-face {
    font-family: Segoe;
    src: url('/fonts/segoe.eot');
}

    OriginalL'auteur marnusw

  3. 0

    Nos utilisateurs confrontés au même problème avec Segoe. La Solution est de supprimer la police des étrangers de la langue dans TTF Noms à l'aide de Fontforge

    http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

    OriginalL'auteur Tien Do