Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

rdownesy

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    rdownesy reacted to Alluziion in Custom font on webpage   
    Try using relative paths rather than absolute.

    Also, as JP said, try wrapping your text in a <h> or <p> tag and targeting it directly.
  2. Like
    rdownesy reacted to Jack in Custom font on webpage   
    It 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.
  3. Like
    rdownesy reacted to Alluziion in Custom font on webpage   
    You'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; }
  4. Like
    rdownesy reacted to Alluziion in Custom font on webpage   
    Okay... 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; }

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.