Need help with font and bug with properties inspector bug

Question

Hey guys,
     I recentely bought a account at dreamtemplate and i'm working on creating my first website, ive got the basic down but whenever i want to change the font of one character in a word( lets say the k in kind to a different font) it switched the entire word or sentence to that font. ive contacted dreamtemplate about it and this is the solution they gave me but i dont understand it:
To change the font, you need to put the TrueType font files of edwardian and Kunstler in the font file of the template folder.
You may change the font of one character in a word as below.
For example:
In the HTML file,
<h2 class="title"><span class="newfont">l</span>atest </span> <span >projects</span></h2>
In the CSS file,
@font-face {
font-family: 'Kunstler';
src: url('/fonts/Kunstler/Kunstler Script.eot');
src: url('/fonts/Kunstler/ds-digi-webfonteot?#iefix') format('embedded-opentype'), url('/fonts/Kunstler/Script.woff') format('woff'), url('/fonts/Kunstler/Kunstler Script.ttf') format('truetype'), url('/fonts/Kunstler/Kunstler Script.svg#ds-digi-webfont') format('svg');
.newfont{font-family: 'Kunstler'!important;}
Feel free to contact us if you need any further assistance.
if anyone can shed some light and knowledge on how to apply it that would be amazing.
Also another problem i've been experiencing is that whenever i edit something in an html file (index.html) and save it and view it none of the changes show up besides the change in words(ie. no font change, no size change) but pictures are fine.
Now my last which has bothered me a lot latly is an issue with my propertie inspector box, It works fine with an html file but whenever i try to edit a .js file it either goes blank or is greyed out, i've searched for solutions and have made sure im not in live mode, but no luck, i even reinstalled DW, still no luck. I need to edit a menu bar that is a .js and i cant do it with this issue. if anyone needs further info let me know.
thanks in advance

Answer 1

Before you get any deeper with this, you really need to learn all you can about HTML code and it's relationship with CSS.  Otherwise you will be forever confused, frustrated and incapable of understanding the answers we give you.
HTML, CSS  Tutorials -
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
When you have a firm grasp of the fundamentals, spend a few hours doing this 5-part tutorial on how to use DW.  It's time well spent.
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Incidentally, you cannot edit JavaScript with the HTML properties inspector.   To edit JavaScript, switch to Code View.
Nancy O.