IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Police non prise en compte


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2014
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2014
    Messages : 25
    Par défaut Police non prise en compte
    Bonjour,

    cette discussion fait suite à https://www.developpez.net/forums/d2...s-navigateurs/

    merci encore pour avoir jeté un œil à mes problèmes.
    J'ai pu regarder ce que ASCIIDEFOND me proposais aujourd'hui, et j'ai réussi à l'adapter pour lui donner la forme que je voulais.
    Je teste sur mes navigateurs (safari, chrome, opéra et firefox) en local, en glissant mon fichier index.html directement dans le navigateur et tout fonctionne.

    Lorsque je transfère les fichiers de mon site à l'aide de filezilla (j'ai pris un hébergement et un nom de domaine chez hostinger) pour le mettre en ligne, les choses ne s'affichent pas du tout de la même façon... Et le site est illisible et inutilisable.
    Je ne comprends pas pourquoi se produit un tel changement.

    Apparence du site lorsque je teste en local
    Nom : Capture d’écran 2023-09-15 à 19.06.36.jpg
Affichages : 226
Taille : 420,2 Ko

    Apparence du site lorsque je le met en ligne
    Nom : Capture d’écran 2023-09-15 à 19.08.47.png
Affichages : 240
Taille : 1,31 Mo

    Merci pour votre aide et votre patience

  2. #2
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Y a-t-il une famille de police de caractère défini dans ton code CSS ?

    ex.
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body {
      font-family: Arial, sans-serif;
    }

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2014
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2014
    Messages : 25
    Par défaut
    Oui, j'ai bien appelé une police de caractère, comme suit :

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     /* APPEL DE LA POLICE DE CARACTERES */
     
            @font-face {
                font-family: "maintype";
                src: url("../types/HuttemonoV1-Regular.otf");
            }
     
     
            * {
                box-sizing: border-box;
            }
     
            html, body {
                font-family: "maintype", sans-serif;
                width: 100%;
                height: 100%;
                border: 0 none;
                margin: 0;
                padding: 0;
                vertical-align: baseline;
            }

  4. #4
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Et comme ça ?

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    @font-face {
        font-family: "HuttemonoV1";
        src: url("../types/HuttemonoV1-Regular.otf") format("opentype");
        font-weight: normal;
        font-style: normal;
     }
     
     html {
        font-family: "HuttemonoV1";
    }

    Le chemin de l'url est bien correct sur ton serveur.

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2014
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2014
    Messages : 25
    Par défaut
    Bonjour,

    J'ai appliqué vos conseils et le résultat est toujours le même.
    C'est comme si le script ne s'appliquait pas...
    Dois-je appeler dans mon html la bibliothèque jquery pour que le style fonctionne ?

  6. #6
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Ce code fonctionne bien chez moi en local mais avec cette police "Kaushan Script" téléchargée sur https://www.fontsquirrel.com/fonts/list/popular
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
            @font-face {
                font-family: 'Kaushan Script';
                src: url('types/KaushanScript-Regular.otf') format('opentype');
                font-weight: normal;
                font-style: normal;
            }
     
            html {
                font-family: "Kaushan Script";
            }

    Si avec la police "HuttemonoV1-Regular.otf" ça fonctionne en local mais pas sur ton serveur, il faut peut-être regarder au niveau des attributs et droits d'accès qui sont accordés au répertoire "types".

    Voir ici pour les droits d'accès des fichiers et des dossiers: https://support.hostinger.fr/fr/arti...t-les-dossiers

    Sinon, je ne pense pas que JQuery résoudra ce problème.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 25/10/2021, 15h38
  2. Police importée non prise en compte
    Par Akihisa. dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/05/2017, 18h23
  3. [css] Feuille de style non prise en compte
    Par Neuromancien2 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/06/2005, 11h49
  4. [netbeans] Modifications non prises en compte
    Par nadass dans le forum NetBeans
    Réponses: 6
    Dernier message: 07/04/2005, 13h49
  5. Lecture de fichier - dernière ligne non prise en compte
    Par JulienPles dans le forum Algorithmes et structures de données
    Réponses: 3
    Dernier message: 16/03/2005, 11h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo