Bonjour
J'observe un phénomène assez étrange, je ne sais dire si c'est lié à WAMP ou au fonctionnement des CSS en général.
Pour résumer mon problème, j'observe un comportement différent du même CSS entre une page php et la même page (résultat du code PHP copié/collé depuis la visualisation du code source sous Firefox) hardcodée en html.
Dans le cas du PHP, j'obtiens le résultat attendu, mais pas dans le cas de ma version HTML.
J'essaye simplement d'afficher du texte avec une police particulière, hébergée sur mon serveur, en utilisant le @font-face de CSS.
Le problème de la version html semble résider dans le fait que mon fichier de font est "trop éloigné" de mon css. En effet, si je mets le fichier dans le même répertoire ou le répertoire parent, celà fonctionne, si je mets le fichier dans le répertoire "grand-parent" ou ailleurs, WAMP semble ne plus retrouver le fichier de font.
Je résume mon arborescence aux points essentiels:
/Admin/mapagephp.php
/Admin/mapagehtml.html
/Admin/Style/mafeuilledestyle.css
/Admin/Style/fontD.TTF
/Admin/fontC.TTF
/fontB.TTF
/Resources/Fonts/fontA.TTF
Je précise que mon objectif est de faire référence au fichier fontA.TTF (qui sera utilisé par d'autres feuilles de style, par d'autres pages que celles situées dans le répertoire Admin)
Donc mon fichier mafeuilledestyle.css comporte l'élément suivant:
En revanche,
Si je fais référence aux fichiers FontD.css et FontC.css (donc assez proche du répertoire Style), celà fonctionne (pour mes deux pages php et html)
Si je fais référence au fichier FontB.css et bien sûr FontA.css, rien ne va plus.
Une idée de ce qui pourrait causer cela?
Je précise donc ma config:
- 1 - Version de Windows utilisée: Windows 10 64 bits
- 2 - Version de Wampserver: 3.1.3 64 bits
- 3 - Version Apache: 2.4.33
- 4 - Version PHP: 5.6.35
- 5 - Version MySQL: 5.7.21 (pas d'accès BDD côté HTML...)
- 5a - Version MariaDB: 10.2.14
- 6 - De quelle couleur est l'icône Wampserver: Verte, bien entendu
- 7 - Dans le fichier c:\Windows\System32\drivers\etc\hosts, quelles sont les lignes actives* ?
Pas sûr de comprendre la question, voici le contenu du fichier:
#
127.0.0.1 localhost
::1 localhost
127.0.0.1 projects
::1 projects
- Si icône Wampserver verte et en utilisant le menu de cette icône :
- 8 - Avez-vous accès à localhost (Page d'accueil de wampserver): oui (je précise que mon projet se trouve sous un virtualhos "projects")
- 8a - Si oui, y a-t-il un message d'erreur en bas de page: non
- 9 - Avez-vous accès à phpMyAdmin: oui
- 10 - Si vous faites référence à un message d'erreur, merci de donner le libellé EXACT et COMPLET de l'erreur
- 11 - Si vous utilisez un Anti-virus et/ou un Parefeu, merci de donner les noms de ceux-ci: Norton Security
- 12 - Quel est le chemin complet de l'installation de Wampserver: C:\wamp64\
* active signifie sans # au début de la ligne.
J'observe un phénomène assez étrange, je ne sais dire si c'est lié à WAMP ou au fonctionnement des CSS en général.
Pour résumer mon problème, j'observe un comportement différent du même CSS entre une page php et la même page (résultat du code PHP copié/collé depuis la visualisation du code source sous Firefox) hardcodée en html.
Dans le cas du PHP, j'obtiens le résultat attendu, mais pas dans le cas de ma version HTML.
J'essaye simplement d'afficher du texte avec une police particulière, hébergée sur mon serveur, en utilisant le @font-face de CSS.
Le problème de la version html semble résider dans le fait que mon fichier de font est "trop éloigné" de mon css. En effet, si je mets le fichier dans le même répertoire ou le répertoire parent, celà fonctionne, si je mets le fichier dans le répertoire "grand-parent" ou ailleurs, WAMP semble ne plus retrouver le fichier de font.
Je résume mon arborescence aux points essentiels:
/Admin/mapagephp.php
/Admin/mapagehtml.html
/Admin/Style/mafeuilledestyle.css
/Admin/Style/fontD.TTF
/Admin/fontC.TTF
/fontB.TTF
/Resources/Fonts/fontA.TTF
Je précise que mon objectif est de faire référence au fichier fontA.TTF (qui sera utilisé par d'autres feuilles de style, par d'autres pages que celles situées dans le répertoire Admin)
Donc mon fichier mafeuilledestyle.css comporte l'élément suivant:
@font-face
{
font-family:'Ma Font';
src: url('./../../Resources/Fonts/FontA.TTF');
}
Et quand j'utilise la font-family "Ma Font", tout se passe très bien. Ce qui n'est donc pas le cas en HTML.En revanche,
Si je fais référence aux fichiers FontD.css et FontC.css (donc assez proche du répertoire Style), celà fonctionne (pour mes deux pages php et html)
Si je fais référence au fichier FontB.css et bien sûr FontA.css, rien ne va plus.
Une idée de ce qui pourrait causer cela?
Je précise donc ma config:
- 1 - Version de Windows utilisée: Windows 10 64 bits
- 2 - Version de Wampserver: 3.1.3 64 bits
- 3 - Version Apache: 2.4.33
- 4 - Version PHP: 5.6.35
- 5 - Version MySQL: 5.7.21 (pas d'accès BDD côté HTML...)
- 5a - Version MariaDB: 10.2.14
- 6 - De quelle couleur est l'icône Wampserver: Verte, bien entendu
- 7 - Dans le fichier c:\Windows\System32\drivers\etc\hosts, quelles sont les lignes actives* ?
Pas sûr de comprendre la question, voici le contenu du fichier:
#
127.0.0.1 localhost
::1 localhost
127.0.0.1 projects
::1 projects
- Si icône Wampserver verte et en utilisant le menu de cette icône :
- 8 - Avez-vous accès à localhost (Page d'accueil de wampserver): oui (je précise que mon projet se trouve sous un virtualhos "projects")
- 8a - Si oui, y a-t-il un message d'erreur en bas de page: non
- 9 - Avez-vous accès à phpMyAdmin: oui
- 10 - Si vous faites référence à un message d'erreur, merci de donner le libellé EXACT et COMPLET de l'erreur
- 11 - Si vous utilisez un Anti-virus et/ou un Parefeu, merci de donner les noms de ceux-ci: Norton Security
- 12 - Quel est le chemin complet de l'installation de Wampserver: C:\wamp64\
* active signifie sans # au début de la ligne.