CSS: стиль шрифта тела не отображается в таблице

Question

Тело моего CSS имеет стиль шрифта, установленный с использованием CSS, но не отображается в table. Затем я добавил его в table, и он все еще, кажется, не хочет использовать стиль шрифта.

Я просмотрел некоторые другие сообщения и до сих пор борюсь.

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; 
} 

Answer 1

ИТАК ваша проблема в том, что шрифт нужен для заполнителей, не table или inputs сами.

::-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; 
} 

Затем для текста, вводимого во входы, просто добавьте стиль к самому входу.

input { 
    font-family: 'Indie Flower', cursive; 
} 

Стоит отметить, что вы также можете использовать font-family: inherit; вместо явного объявления шрифт несколько раз. Это значительно облегчает обновление, если вы решите изменить шрифты.

Updated Fiddle

Answer 2

Вы должны поставить font-family внутри вашей input так:

input{ 
    font-family:inherit; 
} 

и если вы хотите для кнопки тоже:

button{ 
    font-family:inherit; 
} 

FIDDLE