Web Analytics Made Easy -
StatCounter Font Problem - CodingForum

Announcement

Collapse
No announcement yet.

Font Problem

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Font Problem

    I am currently working on a website. I like a particular font and I tried to use it but it wouldn't show in the browser. I downloaded the font but still it doesn't show. Here is the coding:

    In head,style;
    .title{
    font-size:350%;
    font-family:Futura (Light)
    }
    In body;
    <font class="title" color=#868CF7><center>theopenwindow</center></font>

    Please help me out. Eagerly waiting for the reply.
    Thank You.

  • #2
    I maybe wrong but try this.

    In head,style;
    .title{
    font-size:350%;
    font-family:Futura (Light);
    }
    In body;

    Comment


    • #3
      OK, several problems here. First of all the font family declaration doesn’t contain a valid font name. If you were to use a light weight of the Futura family you’d write something like:

      Code:
      font-family: Futura, sans-serif;
      font-weight: 300;
      Note that you should always specify at least a generic family name as fallback in case the primary font can’t be displayed.

      And here we come to the second problem: You can’t just download a font and expect it to work on your website. Well, you can, but only on your own computer. Whoever doesn’t have the font installed in their operating system won’t see it on your site unless you embed it. And here we come to another problem: You didn’t specify where you downloaded Futura and how you got ahold of it but Futura is not a font that is free to embed in websites. You have to purchase a license to be allowed to use and embed it, e. g. from https://www.myfonts.com/fonts/bitstream/futura/. In case you have done that you should have received files and instructions on how to embed and reference the font properly.
      Stop solving problems you don’t yet have!

      Comment


      • #4
        Also there is no such thing as a <font> tag - they were removed from HTML in 1997 as having no semantic meaning and therefore serving no purpose in HTML - Appearance is defined in the CSS.
        Stephen
        Learn Modern JavaScript - http://javascriptexample.net/
        Helping others to solve their computer problem at http://www.felgall.com/

        Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

        Comment


        • #5
          Thank You Sir!

          Comment


          • #6
            Originally posted by felgall View Post
            Also there is no such thing as a <font> tag - they were removed from HTML in 1997 as having no semantic meaning and therefore serving no purpose in HTML
            As was <center>... Neither of those tags have any business in the markup; nor does setting the colour for that matter as there's no such thing as a color="" attribute anymore either.
            Walk the dark path, sleep with angels, call the past for help.
            https://cutcodedown.com
            https://medium.com/@deathshadow

            Comment


            • #7
              I would look on Google Fonts (www.fonts.google.com) for a similar font and use that instead. You can easily add it from there with an @import and the appropriate 'font-family:'.

              Here is a good reference (CSS Fonts). Also on this site is heaps of documentation for HTML5 and CSS3 as well as other languages!

              Comment

              Working...
              X