html - CSS: The body font style is not showing in the table -
the body of css has font style set using css, not showing in table
. added table
, still seems not want adopt font style.
i had through other posts , still struggling.
css:
body { font-family: 'indie flower', cursive; background-image: url('../images/landscape.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; min-width: 100%; min-height: 100%; } table, th, td { font-family: 'indie flower', cursive; } table { margin-top: -446px; margin-right: 428px; z-index: 1; position: absolute, center; background-color: #f0f0f0; border: 3px solid #fff; } th { text-align: left; z-index: 3; } td { padding-top: 10px; padding-bottom: 10px; padding-right: 5px; z-index: 2; background-color: #f0f0f0; }
ok issue here font needed placeholders, not table
or inputs
themselves.
::-webkit-input-placeholder { font-family: 'indie flower', cursive; } :-moz-placeholder { /* firefox 18- */ font-family: 'indie flower', cursive; } ::-moz-placeholder { /* firefox 19+ */ font-family: 'indie flower', cursive; } :-ms-input-placeholder { font-family: 'indie flower', cursive; }
then text entered inputs, add style input itself.
input { font-family: 'indie flower', cursive; }
worth noting can use font-family: inherit;
instead of explicitly declaring font multiple times. makes easier update if decide change fonts.
Comments
Post a Comment