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
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;
line-height:35px;
letter-spacing:-2px;
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.

Benjamin.
The Forum post is edited by Benjamin Jun 1 '12
Benjamin
Benjamin Jun 2 '12
none?
Benjamin
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
Benjamin Jun 26 '12
nobody?
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
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
james
james Jul 11
In the awesome scheme of things you get an A+ for effort and hard work. Exactly where you misplaced me ended up being in all the details. As people say, details make or break the argument.. And that couldn’t be much more correct right here. Having said that, permit me say to you precisely what did do the job. Your writing is certainly very persuasive which is possibly the reason why I am taking the effort in order to comment. I do not make it a regular habit of doing that. Secondly, even though I can easily see a leaps in reason you come up with, I am not necessarily certain of exactly how you appear to connect the ideas that produce the actual final result. For now I shall yield to your issue but trust in the near future you actually connect your dots better. Email Marketing
lawofe
lawofe Jul 15
I am impressed with this site, really I am a fan . 99math
lawofe
lawofe Jul 15
I am impressed with this site, really I am a fan . 99math write for us