Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10246
Karma: 272 (+331/-59)
Reply | Quote
"Doodling" Skin Chat


Doodling is a skin design where I am attempting to use almost no images and recreate a cute message board design I saw when browsing the Wayback Machine for old Runboard communities which have passed away.

I thought I could do the skin with zero graphics but I cannot get @font-face to work for me (I was going to use it on the skins banner). After trying for a couple of hours, I ditched that idea and created a b&w picture for the logo.

---

Advertise Boards On TRDConceptsDE
2/22/2018, 2:32 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25469
Karma: 426 (+479/-53)
Reply | Quote
Re: "Doodling" Skin Chat


What was the exact code you were trying to use with @font-face? Did you have it uploaded to your website, or were you trying to use something that was uploaded elsewhere? I added a Google font to a couple of the headings in your Doodling skin just now, and it worked fine.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/24/2018, 5:42 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10246
Karma: 272 (+331/-59)
Reply | Quote
Re: "Doodling" Skin Chat


@font-face {
  font-family: 'camdenregular';
  src: url('http://rbbt.net/camden-webfont.woff2') format('woff2'),
        url('http://rbbt.net/camden-webfont.woff') format('woff');
}

The font is what I used to create the banner in my graphics editor (I have it uploaded as a ttf file as well).

---

Advertise Boards On TRDConceptsDE
2/24/2018, 5:54 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10246
Karma: 272 (+331/-59)
Reply | Quote
Re: "Doodling" Skin Chat


quote:

Lesigner Girl wrote:

What was the exact code you were trying to use with @font-face? Did you have it uploaded to your website, or were you trying to use something that was uploaded elsewhere? I added a Google font to a couple of the headings in your Doodling skin just now, and it worked fine.


I did not see the @font-face declaration but I love the font you used for the headings. I may try that again using your coding for the banner. emoticon


---

Advertise Boards On TRDConceptsDE
2/24/2018, 6:03 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25469
Karma: 426 (+479/-53)
Reply | Quote
Re: "Doodling" Skin Chat


When I visited your woff2 and woff links, all I saw was jibberish in my browser. When I visited the ttf URL that you didn't include there, it gave me the option to view or save the font, and I was able to see it fine. I'm not familiar with woff and woff2 formats, but maybe they're not compatible with Firefox. Did you try the ttf format with that code?

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/24/2018, 11:13 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)