Just bought RSD, totally confused how...

User 2130925 Photo


Registered User
261 posts

I just bought RSD and am clueless how to use. Going to read and check out videos here in help of course :) .

Two quick questions if I can.

I have a site I made with VSD, and want to make the site with RSD as close to the original ( but better of course ;) ). How do I do that?

Second, how do I add fonts to the program?

Thanks for any input :) .
User 103173 Photo


VP of Software Development
0 posts

We have some great material to help you get started Jim. The manual is highly recommended as the starting point in any of our programs. You can find it under the Help menu of all of our programs. The manual helps explain how the tools and sections work. Knowing your way around the app will make it easier to understand the help tutorials.

As an example, check out the RSD Help Manual at: http://www.coffeecup.com/help/articles/ … -overview/

Or we have a cool video tutorial that is a great place to jump in. It breaks down the design of a complete responsive page into 5 steps. These instructional videos can be found at: http://www.coffeecup.com/help/articles/1449

We also have a series of step-by-step articles that walks you through creating a full page, responsive site. This is great for getting hands on, practicing using the controls. It consists of 4 articles. Reading these from start to finish will give you the foundation you need to be successful with this app.

Step 1: http://www.coffeecup.com/help/articles/1430
Step 2: http://www.coffeecup.com/help/articles/1435
Step 3: http://www.coffeecup.com/help/articles/1436
Step 4: http://www.coffeecup.com/help/articles/1437

Of course, if you get stuck, we are here to help, all you have to do is ask. :)

As to your question on "how do I add custom fonts to RSD?". RSD already comes with 1000's of fonts to choose from. Adding custom fonts would require you to include custom CSS which can get a bit confusing if you are not skilled in CSS. Knowing how much you relied on VSD to do that, I think you would do best to just use the many Google fonts that are available within the software. There are some very nice fonts in there that will surely fit your existing design. :)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2130925 Photo


Registered User
261 posts

Thanks Scott. Appreciate it ;) .
User 2813886 Photo


Registered User
10 posts

Thanks for your post (and your reply, Scott)

I'm going to install RSD Beta right now and just get started and do the tutorials, etc. Then perhaps I can figure out what I want to do with our websites.

I hope the new version of RSD will be able to accommodate more than 50 pages. Our sites are 200+ but I'll deal with that when the time comes.

So happy to finally get off the fence :)

Thanks to everyone who provides support and input into these user forums.
Sheila
User 2130925 Photo


Registered User
261 posts

Anyway, does anyone know to add custom coding to RSD so I can add Greyhound font, and if so, can you tell me how I can do it step by step because I am not too technical, lol.

Thanks :) .
User 187934 Photo


Senior Advisor
20,266 posts

Click on the settings tab at the top right and then you can paste the scripts into the head or footer area of your page.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2130925 Photo


Registered User
261 posts

Not following what you are saying Eric. Perhaps you misunderstood me.
User 2130925 Photo


Registered User
261 posts

I am trying to add the font, Greyhound, to the program for use.

Can anyone explain to me (and others who may want to do something similar) how to do it?

Thanks for any input :) .
User 271657 Photo


Ambassador
3,816 posts

After you purchase/download your webfont, open the folder and copy the font files ( EOT, SVG,True-Type and WOFF ).
In RSD, go to Resources (top menu bar) and create a new folder called fonts. Paste the font files into it.
Also within the Resources pane, you can add files. So create a custom-styles.css file for your font and any other custom styles you might add (type it in notepad and copy it).

Paste the font code into it (example):
@font-face {
font-family: 'exotc350_dmbd_btdemi-bold';
src: url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.eot');
src: url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.woff') format('woff'),
url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.ttf') format('truetype'),
url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.svg#exotc350_dmbd_btdemi-bold') format('svg');
font-weight: normal;
font-style: normal;
}

Then (under the above code), include the elements that will use that font. For example, if you only want it used by headings and sub-heads, you could specify the font for some <h> tags.
h1, h2, h3, {
font family: greyhound, another-font, sans-serif;
font-size: <Your font properties;
color: <Your font properties;
etc....
}

You may need to change this "src: url('../fonts/...." depending on where the fonts folder is, maybe just "src: url('/fonts/....".

*Be sure to include a link to your CSS within the site's head ( click the gear icon for Settings and paste or type your link in the Head box).
<link rel="stylesheet" href="css/custom-styles.css" media="all">

I think that's everything...:lol:


I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2130925 Photo


Registered User
261 posts

Thanks paintbrush that is very appreciated ;) .

Is there a way to add extra fonts to the drop down menu within the program so us not so technical folks can choose the font we want like one would do with normal operation of the program?

Thanks once more :) .

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.