We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

@font-face | Forum

Topic location: Forum home » Development » Themes
Benjamin Jun 1 '12
Hi to all!

Thanks for this script.
I just start a new website for my kitesurf association : www.camikas.fr
I try since few days to change the web font for the header, but it's not possible.
The DEV mod is on true and here is the code for the header :

@font-face {
font-family: '84Rock!Regular';
src: url('http://www.camikas.fr/.../84_rock-webfont.eot');
src: url('http://www.camikas.fr/.../84_rock-webfont.eot') format('embedded-opentype'),
url('http://www.camikas.fr/...84_rock-webfont.woff') format('woff'),
url('http://www.camikas.fr/.../84_rock-webfont.ttf') format('truetype'),
url('http://www.camikas.fr/.../84_rock-webfont.svg') format('svg');
font-weight: normal;
font-style: normal; }

.ow_header .ow_logo h2{
font-size: 32px;
text-shadow: 1px 1px 0 #FFFFFF;
text-transform: uppercase;
font-family: '84Rock!Regular'; }

.ow_header .ow_logo .ow_tagline {
font-size: 11px;
color: white;
padding: 2px 0 0 2px;
text-shadow: 0px 0px 0 #FFFFFF;
font-family: '84Rock!Regular'; }

.ow_header .ow_logo a { color: orange;
text-decoration: none;
font-family: '84Rock!Regular'; }

Thanks for your help.

The Forum post is edited by Benjamin Jun 1 '12
Benjamin Jun 2 '12
Benjamin Jun 3 '12
only google font works
even with another ftp
Michael I.
Michael I. Jun 4 '12
Topic was moved from Bug reports and troubleshooting.
Benjamin Jun 26 '12
Guillaume Gécé
Guillaume Gécé Sep 16 '13
bump, I got this problem !
Guillaume Gécé
Guillaume Gécé Jul 19 '14
bump ;.;
John Jul 19 '14
I'mm Sorry Benjimin, but none of your post makes any sense to me. Are you trying to change the font face for the word "Camikas"?

If so, it's a png file and it can't be changed via CSS. It must be re-designed in a Photoshop style program. That's where you should add shadows etc.

If it's any other font, it has to be a "web Safe Font" : http://www.w3schools.com/cssref/css_websafe_fonts.asp

. . . . or a Google Font. Although Google Fonts allow you to use most fonts, HTML doesn't. For any font to work in HTML, it must reside on the viewer's computer. For example, I have "Rubber Stamp" on my machine, but you may not. If I use Rubber Stamp on my web site, I will see it but you will see a substitute that will look completely different. The only way you can show "Non Web Safe" fonts accurately without using Google fonts is to convert them to a GIf or a JPG or something.

That's the best I can offer unless you supply more details.
The Forum post is edited by John Jul 19 '14