How to change font for TEXT LOGO..
Can anyone help here?
THX 🙂
Hello,
You can change the text logo font with css:
.logo-text-container .td-logo-text{
font-family: roboto;
}
Simply add the code in the theme panel -> custom css box.
Thank you!
Super and thanks, Bogdan 🙂
And how about the byline?
THX.
Hello,
You can replace the code with this one. It contains the tagline as well now:
.logo-text-container .td-logo-text, .logo-text-container .td-tagline-text{
font-family: roboto;
}
Thank you!
Hi Bogdan,
I tried to change it to:
.logo-text-container .td-logo-text{
font-family: Oswald;
}
but nothing happened. I refreshed the webpage several times and closed/opened the browser too.
Oswald is a Google Font.
Hello,
you will need to first load the font in the theme. If the font is not loaded, then css will not recognize it. The easiest way to do it is to load the font inside a section in the theme panel->fonts section: You can add it for example in a module you do not use on your site so the font will get loaded: http://screencast.com/t/HSgshI19I9m
I hope this helps.
Thank you!
Hi again,
I tried what you described, however nothing happened..?!
I might be new regarding the use of Newspaper, but not new to wordpress/php. So I am quite surprised that it didn’t work.
Any good suggestions?
THX.
Hello,
This is strange as the font should have been loaded if it has been set in the fonts section. You can try to change your header menu for example to oswald from the theme panel and check in the page source to see if the font is loaded.
You can always try the alternative of loading it with css:
Add this in the theme panel -custom css code:
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: local('Oswald Bold'), local('Oswald-Bold'), url(http://fonts.gstatic.com/s/oswald/v10/dI-qzxlKVQA6TUC5RKSb3xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: local('Oswald Bold'), local('Oswald-Bold'), url(http://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
And then use the previously provided code to change the font-family.
Let us know how it goes.
Thank you!
