Font family

Résolu
Bonjour,

je n'arrive pas à changer le style de text, il n'y a aucune ligne de font-family dans mon fichier css et pourtant quand je l'ai ajouté aucune modification n'ai apparue.
Merci de maider.

en dessous le code css
/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {
margin:0;
padding:0;
width:100%;
color:#aeaeae;
background:#e7e7e7 url(../images/main_bg.gif) repeat-x left top;
}
html, .main {
padding:0;
margin:0;
}
.main {
background:url(../images/header_bg.jpg) no-repeat center 51px;
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
h2 {
margin:8px 0;
padding:8px 0;
font-size:25px;
font-weight:normal;
color:#3f3f3f;
}
p {
margin:8px 0;
padding:0 0 8px 0;
}
a {
color:#e90013;
text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.header {
}
.header_resize {
margin:0 auto;
padding:0;
width:960px;
}
.logo{
margin:0;
padding:0;
float:none;
height:169px;
}
h1 {
margin:0;
padding:58px 0 0;
font-size:48px;
font-weight:normal;
line-height:1.2em;
text-transform:none;
text-align:center;
}
h1 a, h1 a:hover {
color:#e90013;
text-decoration:none;
}
h1 span {
}
h1 small {
display:block;
margin:0;
font-size:20px;
font-weight:normal;
line-height:1.2em;
letter-spacing:normal;
text-transform:none;
color:#e90013;
}
.slider {
padding:0;
}
.rss {
padding:18px 20px 0 0;
float:right;
width:auto;
}
.rss p {
margin:0;
padding:0;
float:right;
width:auto;
color:#fff;
font-size:13px;
line-height:1.5em;
font-weight:bold;
}
.rss a {
color:#fff;
text-decoration:none;
}
.rss a:hover {
text-decoration:underline;
}
.rss img {
margin:-3px 0 -3px 6px;
border:none;
}
.menu_nav {
margin:0 auto;
padding:0;
height:50px;
}
.menu_nav ul {
list-style:none;
padding:0;
height:50px;
float:left;
}
.menu_nav ul li {
margin:0;
padding:0 2px 0 0;
float:left;
background:url(../images/menu_split.gif) no-repeat right center;
}
.menu_nav ul li a {
display:block;
margin:0;
padding:17px 28px 0;
height:33px;
font-size:13px;
line-height:17px;
font-weight:normal;
color:#681237;
text-decoration:none;
text-transform:none;
text-align:center;
background:none;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
text-decoration:none;
color:#fff;
}
.content {
padding:0;
}
.content_resize {
margin:0 auto;
padding:18px 0 32px;
width:960px;
background:#f0f0f0 repeat-x left bottom;
}
.content .mainbar {
margin:0;
padding:0 0 0 20px;
float:left;
width:640px;
}
.content .mainbar h2 {
margin-bottom:0;
padding-bottom:8px;
font-size:30px;
line-height:1.2em;
}
.content .mainbar div.img {
padding:12px 0 0;
float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
margin:0;
padding:0;
background:#fff;
border:1px solid #8b8b8b;
}
.content .mainbar .article {
margin:0 0 32px;
padding:0;
border-bottom:1px solid #d3d3d3;
}
.content .mainbar .post_content {
float:right;
width:420px;
}
.content .mainbar .post_content strong {
color:#ff3646;
}
.content .sidebar {
padding:0 20px;
float:right;
width:220px;
}
.content .sidebar .gadget {
margin:0 0 12px;
padding:8px 0;
background:repeat-x left bottom;
}
.content .sidebar h2 {
color:#949494;
text-transform:none;
border-bottom:1px solid #d8d8d6;
}
ul.sb_menu, ul.ex_menu {
margin:0;
padding:0;
list-style:none;
color:#929292;
}
ul.sb_menu li, ul.ex_menu li {
margin:0;
}
ul.sb_menu li {
padding:8px 0;
width:220px;
}
ul.ex_menu li {
padding:4px 0;
}
ul.sb_menu li a {
color:#929292;
text-decoration:none;
margin-left:-16px;
padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
font-weight:bold;
color:#3f3f3f;
text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
color:#ff3646;
font-weight:bold;
text-decoration:underline;
}
p.spec {
padding:0 0 16px;
}
p.infopost {
margin-bottom:0;
padding:0 0 8px;
color:#929292;
}
p.infopost a {
padding:0 2px;
color:#6e6e6e;
text-decoration:underline;
}
.content .mainbar a.com {
margin:0;
padding:0;
font-weight:normal;
text-decoration:none;
color:#3f3f3f;
}
.content .mainbar a.com:hover {
text-decoration:underline;
}
.content .mainbar a.com span {
padding-left:4px;
font-weight:bold;
color:#3f3f3f;
}
.content .mainbar a.rm {
float:left;
margin:0 0 16px;
padding:0;
height:28px;
font-size:13px;
line-height:18px;
font-weight:bold;
text-transform:uppercase;
color:#ff3646;
text-decoration:none;
text-align:center;
background:none;
}
.content .mainbar a.rm:hover {
text-decoration:underline;
}
.content p.pages {
margin:0;
padding:24px 0;
font-size:11px;
color:#929292;
text-align:left;
}
.content p.pages span, .content p.pages a {
padding:8px 12px;
text-decoration:none;
background:#fff;
}
.content p.pages span, .content p.pages a:hover {
color:#fff;
background:#ff3646;
}
.content p.pages a {
color:#929292;
}
.content p.pages small {
font-size:12px;
float:right;
}
.content .mainbar .comment {
margin:0;
padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
border:1px solid #dedede;
margin:10px 16px 0 0;
padding:0;
float:left;
}
.fbg {
background:url(../images/fbg_bg.gif) repeat-x left bottom;
}
.fbg_resize {
margin:0 auto;
width:920px;
padding:16px 20px;
color:#fff;
border-top:8px solid #ff3646;
background:#681237;
}
.fbg h2 {
color:#fff;
padding-bottom:24px;
}
.fbg img.gal {
margin:0 8px 8px 0;
padding:0;
border:1px solid #fff;
}
.fbg .col {
margin:0;
float:left;
}
.fbg .c1 {
padding:0 16px 0 0;
width:280px;
}
.fbg .c2 {
padding:0 36px 0 16px;
width:280px;
}
.fbg .c3 {
padding:0 0 0 16px;
width:274px;
}
.fbg .fbg_ul {
margin:0;
padding:0;
list-style:none;
}
.fbg .fbg_ul li {
margin:0;
padding:0;
list-style:none;
}
.fbg .fbg_ul li a {
display:block;
margin:0;
padding:2px 0 2px 12px;
color:#fff;
text-decoration:none;
background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
color:#ff3646;
text-decoration:underline;
}
.fbg p.contact_info {
line-height:1.8em;
}
.fbg p.contact_info a {
color:#ff3646;
text-decoration:underline;
}
.fbg p.contact_info span {
display:block;
float:left;
width:74px;
font-weight:bold;
color:#fff;
}
ol {
list-style:none;
}
ol li {
display:block;
clear:both;
}
ol li label {
display:block;
margin:0;
padding:16px 0 0 0;
}
ol li input.text {
width:480px;
border:1px solid #c0c0c0;
margin:0;
padding:5px 2px;
height:16px;
background-color:#fff;
}
ol li textarea {
width:480px;
border:1px solid #c0c0c0;
margin:0;
padding:2px;
background-color:#fff;
}
ol li .send {
margin:16px 0 0 0;
}
.searchform {
margin:0;
padding:0;
float:right;
}
#formsearch {
margin:0;
padding:9px 0 0;
width:auto;
height:30px;
}
#formsearch span {
display:block;
margin:0;
padding:0;
float:left;
background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
margin:0;
padding:8px 6px;
float:left;
width:174px;
font-size:12px;
line-height:14px;
color:#aeaeae;
background:none;
outline:none;
border:none;
}
#formsearch input.button_search {
margin:0;
padding:0;
border:none;
float:left;
}
.footer {
background:#ff3646;
}
.footer_resize {
margin:0 auto;
padding:0 20px;
width:920px;
line-height:1.5em;
color:#fff;
}
.footer_resize p {
margin:24px 0;
padding:0;
line-height:normal;
white-space:nowrap;
text-indent:inherit;
}
.footer_resize a {
color:#16202e;
font-weight:normal;
margin:0;
padding:0;
border:none;
text-decoration:underline;
background-color:transparent;
}
.footer_resize a:hover {
color:#16202e;
background-color:transparent;
text-decoration:none;
}
.footer_resize .lf {
float:left;
}
.footer_resize .rf {
float:right;
}
a {
outline:none;
}

2 réponses

  • Votes
  • Date
  • Date décroissante
  1. Au lieu de nous balancer tout ton CSS, peux-tu nous montrer la ligne que tu as voulu ajouter ? (la font-family)
    1. font-family:"Times New Roman",Georgia,Serif;

      mais même sans cette ligne, je ne comprends pas comment il reconnait le style qu'il doit utiliser.
      1. Il y a un style par défaut défini par le navigateur.
      2. comment le modifier ?
      3. En définissant une font-family dans ta feuille de style.

        Exemple:

        body{
        font-family: Arial;
        }
      4. c'est la ligne que j'ai ajouté mais je n'ai vu aucun changement, j'ai même vider le cache du navigateur.
      5. Si tu regardes avec l'inspecteur d'élément, ton style est bien appliqué ?