Jak zmienić czcionkę w szablonie?
-
Chciałbym zmienić czcionkę w całym szablonie. Gdzie w CSS mogę tego dokonać?
-
Najprościej to dodać font-family w body z dyrektywą !important. To zmieni każdą jedną czcionkę na stronie.
Jak w tym szyfrowaniu zawrzeć zmianę czcionki w tekście?
W motywie posiadam taką funkcje jak Custom CSS (kwadratową ramkę) Jak wklejam ten tekst, to zmienia czcionkę ale nie w tekście…@import url(http://fonts.googleapis.com/css?family=Domine:400,700,400italic,700italic);
h1,
h2,
h3,
h4,
h5,
h6,
#header .nav,
#ribbon .content .tagline {
font-family:Domine, Georgia, Times New Roman, serif;
}Jak w „tekście”, to zapewne musisz ustawić dla #content
….chyba że chcesz wszędzie, to wystarczy dla body
np.:
body { font-family:Domine, Georgia, Times New Roman, serif !important; }
Ej, Panowie, ale z tym !important to tak trochę prowizorycznie… To jest raczej bardzo brzydkie rozwiązanie, jeśli mielibyśmy je traktować jako rozwiązanie na stałe na stronie, która ma istnieć dłuższy czas…
Ja chciałbym mieć to rozwiązanie na stałe. Jak zrobić, aby nie było to „brzydkie rozwiązanie”, co miałeś na myśli?
…ładnie – znaczy w tym przypadku nie wymuszać formatowania przez !important, tylko poustawiać (lub podmienić) font-family tam gdzie konkretnie potrzeba czyli np. dla #content.
Nie wiemy jakiego motywu używasz, nie wiemy jakie masz aktualnie formatowanie – nie sposób więc udzielić bardziej precyzyjnej odpowiedzi.Mam dokładnie coś takiego…:)
/* Text */
body{font:13px/1.5 'Helvetica Neue’,Arial,’Liberation Sans’,FreeSans,sans-serif}pre,code{font-family:’DejaVu Sans Mono’,Menlo,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}/* Fonts */
@font-face {
font-family: 'Quattrocento’;
src: url(’fonts/quattrocento-regular.eot’);
src: url(’fonts/quattrocento-regular.eot?#iefix’) format(’embedded-opentype’),
url(’fonts/quattrocento-regular.woff’) format(’woff’),
url(’fonts/quattrocento-regular.ttf’) format(’truetype’),
url(’fonts/quattrocento-regular.svg#quattrocento-regular’) format(’svg’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quattrocento’;
src: url(’fonts/quattrocento-bold.eot’);
src: url(’fonts/quattrocento-bold.eot?#iefix’) format(’embedded-opentype’),
url(’fonts/quattrocento-bold.woff’) format(’woff’),
url(’fonts/quattrocento-bold.ttf’) format(’truetype’),
url(’fonts/quattrocento-bold.svg#quattrocento-bold’) format(’svg’);
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'News Cycle’;
src: url(’fonts/newscycle-regular.eot’);
src: url(’fonts/newscycle-regular.eot?#iefix’) format(’embedded-opentype’),
url(’fonts/newscycle-regular.woff’) format(’woff’),
url(’fonts/newscycle-regular.ttf’) format(’truetype’),
url(’fonts/newscycle-regular.svg#newscycle-regular’) format(’svg’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'News Cycle’;
src: url(’fonts/newscycle-bold.eot’);
src: url(’fonts/newscycle-bold.eot?#iefix’) format(’embedded-opentype’),
url(’fonts/newscycle-bold.woff’) format(’woff’),
url(’fonts/newscycle-bold.ttf’) format(’truetype’),
url(’fonts/newscycle-bold.svg#newscycle-bold’) format(’svg’);
font-weight: 700;
font-style: normal;
}
- Temat ‘Jak zmienić czcionkę w szablonie?’ jest zamknięty na nowe odpowiedzi.