rdownesy
Members
-
Joined
-
Last visited
Reputation Activity
-
rdownesy reacted to Alluziion in Custom font on webpageTry using relative paths rather than absolute.
Also, as JP said, try wrapping your text in a <h> or <p> tag and targeting it directly.
-
rdownesy reacted to Jack in Custom font on webpageIt could be a number of things:
Your file path is incorrect (I tend to store my fonts in a folder called 'fonts' and use the following in my stylesheet ../fonts/ instead of the website URL. Your server does not support the mime types required for @font-face (http://stackoverflow.com/questions/3594823/mime-type-for-woff-fonts as an example). You are not targeting the correct element in your CSS. Try using H1 as a selector instead of #content2 ( h1 { font-family: 'AngelinaRegular';} ). Your issue could be browser specific, have you tested in a few? Alternatively take a look at http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems.
-
rdownesy reacted to Alluziion in Custom font on webpageYou're missing a ' (apostrophe) before your AngelinaRegular in your @font-face code:
Your code...
@font-face { font-family: AngelinaRegular'; src: url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot); src: url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot?#iefix) format('embedded-opentype'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.woff) format('woff'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.ttf) format('truetype'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.svg#angelinaregular) format('svg'); font-weight: normal; font-style: normal; }
Should be...
@font-face { font-family: 'AngelinaRegular'; src: url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot); src: url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot?#iefix) format('embedded-opentype'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.woff) format('woff'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.ttf) format('truetype'), url(http://www.mysite.co.uk/testing/fonts/angelina-webfont.svg#angelinaregular) format('svg'); font-weight: normal; font-style: normal; } -
rdownesy reacted to Alluziion in Custom font on webpageOkay... try this instead
#content2 { height:65%; width:65%; /* Edited when right nav removed */ margin:20px 0px 0px 0px; /* Space after logo before content starts Changed bottom to 0 after social media*/ text-align:left; font-family: 'AngelinaRegular'; font-weight: normal; font-style: normal; color:#000000; } @font-face { font-family: 'AngelinaRegular'; src: url('http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot'); src: url('http://www.mysite.co.uk/testing/fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.mysite.co.uk/testing/fonts/angelina-webfont.woff') format('woff'), url('http://www.mysite.co.uk/testing/fonts/angelina-webfont.ttf') format('truetype'), url('http://www.mysite.co.uk/testing/fonts/angelina-webfont.svg#angelinaregular') format('svg'); font-weight: normal; font-style: normal; }