• What are you working on? v2
    2,000 replies, posted
Will you go away? [code] @font-face { font-family: 'HoboStd'; font-style: normal; font-weight: normal; src: local('HoboStd'), url('HoboStd.otf') format('opentype'); } [/code]
[QUOTE=AteBitLord;22788191]Is this right now? [code] @font-face { font-family: 'HoboStd'; font-style: normal; font-weight: normal; src: local('HoboStd'), url('http://filesmelt.com/dl/HoboStd.otf') format('opentype');[/code][/QUOTE] thats even worse :doh:
Oh, when it said url I thought literally because of the tutorials I have been reading. Sorry guys. :saddowns:
Make sure it's on your server.
[QUOTE=andersonmat;22788264]Make sure it's on your server.[/QUOTE] It is.
[QUOTE=AteBitLord;22788252]Oh, when it said url I thought literally because of the tutorials I have been reading. Sorry guys. :saddowns:[/QUOTE] :cawg:
Just to make sure it works: [url]http://www.atebitdesigns.com/[/url] Does the font look weird and shit? If so then good it works.
[QUOTE=AteBitLord;22788327]Just to make sure it works: [url]http://www.atebitdesigns.com/[/url] Does the font look weird and shit? If so then good it works.[/QUOTE] You forgot to change the font-family :doh:
[QUOTE=:awesome:;22788363]You forgot to change the font-family :doh:[/QUOTE] No I didn't, the font family is HoboStd
[QUOTE=AteBitLord;22788383]No I didn't, the font family is HoboStd[/QUOTE] [IMG]http://ahb.me/5Uf[/IMG] not for any of the text
[QUOTE=:awesome:;22788394][url]http://www.atebitdesigns.com/style.css[/url] not for any of the text[/QUOTE] I'm not sure I understand, which part are you pointing out to?
[QUOTE=AteBitLord;22788432]I'm not sure I understand, which part are you pointing out to?[/QUOTE] [code] #container h1 { text-align:center; font-size:40pt; font-family:HoboStd; color:#292929; @font-face { font-family: 'HoboStd'; font-style: normal; font-weight: normal; src: local('HoboStd'), url('HoboStd.otf') format('opentype'); } } [/code] you are doing it very wrong. it should be: [code] @font-face { font-family: 'HoboStd'; font-style: normal; font-weight: normal; src: local('HoboStd'), url('HoboStd.otf') format('opentype'); } #container h1 { text-align:center; font-size:40pt; font-family:'HoboStd'; color:#292929; } [/code]
[CODE] #container h1 { text-align:center; font-size:40pt; font-family:HoboStd; color:#292929; @font-face { font-family: 'HoboStd'; font-style: normal; font-weight: normal; src: local('HoboStd'), url('HoboStd.otf') format('opentype'); } } [/CODE] No, @font-face and the h1 have to be separate, then in the h1, use font-face:whatever Edit: Ninja'd :ninja: but I explained why it was wrong
Thank guys <3 [editline]10:12PM[/editline] It should work now.
It looks like shit. Here, take a gander: [url]http://net.tutsplus.com/[/url] [url]http://psd.tutsplus.com/[/url]
[QUOTE=andersonmat;22788491]It looks like shit. Here, take a gander: [url]http://net.tutsplus.com/[/url] [url]http://psd.tutsplus.com/[/url][/QUOTE] I know it does, I just started CSS and stuff, thanks for the tuts.
If you're trying to learn design AND front end development you should not be learning the design part using CSS/HTML. You should be learning how to design in an actual graphics application (Photoshop, GIMP, whatever) and then learning how to take that design from said graphics application to HTML and CSS. Designing in the browser is really inefficient unless you really know what you're doing.
[QUOTE=KmartSqrl;22790216]If you're trying to learn design AND front end development you should not be learning the design part using CSS/HTML. You should be learning how to design in an actual graphics application (Photoshop, GIMP, whatever) and then learning how to take that design from said graphics application to HTML and CSS. Designing in the browser is really inefficient unless you really know what you're doing.[/QUOTE] Thanks for the tip, time to brush on my photoshop and flash skills.
Don't even worry about touching flash yet
[QUOTE=KmartSqrl;22790935]Don't even worry about touching flash yet[/QUOTE] I don't mean animations, I meant for vectorized art, I would use it for logos and stuff.
[QUOTE=AteBitLord;22790945]I don't mean animations, I meant for vectorized art, I would use it for logos and stuff.[/QUOTE] [img]http://www.productwiki.com/upload/images/adobe_illustrator-400-400.jpg[/img]
Yeah that
Restyling the DISQUS comment form on my website. [img]http://anyhub.net/file/commentvaluer.png[/img]
[QUOTE=KmartSqrl;22790216]If you're trying to learn design AND front end development you should not be learning the design part using CSS/HTML. You should be learning how to design in an actual graphics application (Photoshop, GIMP, whatever) and then learning how to take that design from said graphics application to HTML and CSS. Designing in the browser is really inefficient unless you really know what you're doing.[/QUOTE] I usually do it the other way round. I must know what I'm doing. :smug:
[QUOTE=jaybuz;22793857]I usually do it the other way round. I must know what I'm doing. :smug:[/QUOTE] Your BlackAndWhite piece proves your point.
I also design everything inside the browser, must be because I suck at designing.
[QUOTE=KmartSqrl;22790216]If you're trying to learn design AND front end development you should not be learning the design part using CSS/HTML. You should be learning how to design in an actual graphics application (Photoshop, GIMP, whatever) and then learning how to take that design from said graphics application to HTML and CSS. Designing in the browser is really inefficient unless you really know what you're doing.[/QUOTE] I really dislike using images in my designs, so designing in the browser is much easier. At least then you can design around the (less and less) limitations of CSS.
[QUOTE=jaybuz;22793857]I usually do it the other way round. I must know what I'm doing. :smug:[/QUOTE] More so than most of the people that post here, but I still think you would benefit a lot from doing it the "proper" way. Designing in browser only really works when you're putting together fairly minimal designs, and even then it's generally better to start out working in Photoshop. [editline]04:59AM[/editline] [QUOTE=arienh4;22795153]I really dislike using images in my designs, so designing in the browser is much easier. At least then you can design around the (less and less) limitations of CSS.[/QUOTE] You shouldn't even be thinking about the limitations/abilities of CSS when you're designing. That's something you worry about during the development stage. That is one reason you will get way better results if you start out in Photoshop.
[QUOTE=KmartSqrl;22795163]More so than most of the people that post here, but I still think you would benefit a lot from doing it the "proper" way. Designing in browser only really works when you're putting together fairly minimal designs, and even then it's generally better to start out working in Photoshop. [editline]04:59AM[/editline] You shouldn't even be thinking about the limitations/abilities of CSS when you're designing. That's something you worry about during the development stage. That is one reason you will get way better results if you start out in Photoshop.[/QUOTE] There are certain things can can create fine in Photoshop but won't work in CSS unless you include images, which I want to avoid.
Hey guys check out this cool website :v: [url]http://danieliliescu.com/[/url] seem familiar? [url=http://charliesomerville.com]Anyone?[/url]
Sorry, you need to Log In to post a reply to this thread.