Font Squirrel Fonts

HTML & CSS
21

I mean where is the .htaccess file located?

Is this also known as domain?

Is it on my computer or on the server at GoDaddy?

I’ve never heard of this before.

22

I mean inside, because you have to open your css folder to find the fonts folder inside it, just as if they were paper folders in a filing cabinet. In the screen-shot you posted, you have a folder called css, then a line coming out of that folder, leading to more folders called fonts, graphs, images and scripts. These four folders are all contained inside the css folder.

You don’t have one, because your server is not running Apache, it’s running MS-IIS.

No. The domain is the name of your site - propertieswithstyle.com.

If you had a .htaccess file, it would be located on the server.

My advice? Forget about .htaccess files, because they’re irrelevant here. Go back to Font Squirrel and re-do your font, or at least the WOFF version, which appears to be missing. Copy and paste the CSS exactly as Font Squirrel gives it to you. Make sure you upload all the font formats to your fonts folder. Then test the site, and if you’re still having problems after doing all of that, then post back and we’ll have another look at it.

23

It’s got to be in the way I point to various folders . . .

mydesign (root?) all my .html files
css
images
scripts
fonts
graphs (this will eventually have approximately 90 .gif charts)

How do I point to each folder when I need it?

This is my index.html file - am I pointing to the image correctly?
var image1=new Image()
image1.src=“…css/images/hpcdmview.png”

This is in my CSS page
src: url(‘/fonts/Tangerine_Regular-webfont.eot’); /* IE9 Compat Modes */

Am I pointing to this correctly?

24

That should just be

image1.src="css/images/hpcdmview.png"

without the dots at the start.

I’ve already answered that question. (See post #15.) You’ll find people are much more willing to help if you read the answers you receive carefully and try to implement the advice given before posting back with more questions.

25

src: url(‘/fonts/Tangerine_Regular-webfont.eot’); /* IE9 Compat Modes */

This failed . . .

26

My mistake the forward slash should not be there.

works now . . .

27

Good. :slight_smile: However, you still have a problem somewhere as it’s still not working on Firefox. :frowning:

Also, your layout runs into problems - even with the correct font - if the browser window is smaller than about 1200px wide. The various text blocks start to overlap and become unreadable.

28

I’ve been trying to understand this.

My beginning CSS


html, body {	margin:0;
    		padding:0
}

body 		{ 	background-color: #0A1794;
			background: url(images/ceedees.png) fixed; /*newbkground.png)*/								
			[COLOR="#0000FF"]max-width: 1200px;
			min-width: 400px;[/COLOR]
			font-family: Verdana, Geneva, sans-serif;
			font-size:16px;							
			color:#ccc;
    		  	line-height:114%;
			margin-top:10px;
}

#maincontent {	        [COLOR="#0000CD"]width: 880px;[/COLOR]
			text-align: left;
			color:#ffffff;
			float:right;
			position:relative;
			[COLOR="#0000FF"]margin-left:320px;[/COLOR]
}

The margin-left:320px is where my #nav is.

How do I prevent #maincontent and #nav from overlapping each other?

My screen resolution is 1280 x 960. I’m sure thats pushing the limits, or is it?

thanks . . . rick