Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

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: 10257
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: 26740
Karma: 436 (+489/-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: 10257
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: 10257
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: 26740
Karma: 436 (+489/-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)