Skip to main content
E
English100
Inspiring
April 13, 2018
Answered

Fonts Don't Display Correctly

  • April 13, 2018
  • 3 replies
  • 4017 views

Have Adobe changed how fonts are displayed in Design View in build 10155?  Although not all font in my CSS displayed correctly before (mainly Google fonts) the others displayed correctly. Now everything defaults to Times New Roman. They display okay in Live View. It makes it difficult to locate words in headers as I have to keep going back and forth between Design and Live Views.

Thanks

Alan

    This topic has been closed for replies.
    Correct answer English100

    Instead of

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Try the HTML5 declaration

    <!DOCTYPE html>

    You will now get different errors, but I think most of the current ones will disappear.

    Once you have done that, copy and paste here, the code of your document. We can then run it through the validator ourselves.


    The website URL starts with https: so I changed my href to https: and voila, problem fixed. Apparently my HTML file couldn't find my stylesheet. It was as simple as that.

    Thanks for help and suggestions.

    Alan

    3 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    April 13, 2018

    English100  wrote

    Now everything defaults to Times New Roman.

    This implies your document contains code errors.  Use the code validation tools below to check your HTML & CSS code.

    The W3C Markup Validation Service

    The W3C CSS Validation Service

    Nancy O'Shea— Product User & Community Expert
    E
    English100Author
    Inspiring
    April 13, 2018

    Jon Fritz II

    My fonts are in my style sheet. I've been using DW ever since the 2017 version. I know Design View is not good at rendering fonts, but up till now the only ones it would render were Google handwriting fonts.

    Nancy

    These are html files that I have been using for ages and have not edited them recently and it is not all of them. It just started displaying Times New Roman recently and I put it down to the recent download.

    I ran one file through CSS Validation and it came back with this (I have no idea what it's telling me).

    4Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
    112Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
    WolfShade
    WolfShade
    Legend
    April 13, 2018

    It's telling you that your CSS contains font family names that contain spaces.  Place quotes (") around the family names, and those specific errors will be corrected.

    (ie, Times New Roman should be "Times New Roman", Goudy Bookletter 1911 should be "Goudy Bookletter 1911", etc.)

    https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

    V/r,

    ^ _ ^

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    April 13, 2018

    How are your fonts attached to your site and where are they located?

    Design View has some serious deficiencies when it comes to externally referenced files and it seems to be getting worse over time.

    If you recently moved over to CC from one of the old Creative Suite versions, you no longer need to move back and forth between Live and Design if you're working on text. The Live View Editor allows you to make changes by double-clicking the text.

    WolfShade
    WolfShade
    Legend
    April 13, 2018

    Design View is not a browser and does not really conform to browser standards.  You would be better off testing by using Preview In Browser and select FF or IE (assuming you have them set up.)

    If you are having problems with the "drag n drop" feature of Design View, be aware that Design View is not a true WYSIWYG IDE.  You would be better off learning HTML and manually coding your projects, if this is the case.

    V/r,

    ^ _ ^

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices