The guys are trouble with connecting fonts, there are two identical pages (although based on the problem they are not exactly the same), only the first one connects the necessary fonts and the second one is not, I attach two screens how it looks in css

Screen 1

Screen 2

Okay, even if it were two different pages, and so it can be said one and the same only in different periods of time, I did not touch the paths to the files all the same, connected some scripts, but checked the conflict of styles first. What could be the problem can not even imagine.

I did not think that this was related to the problem with fonts, but I try to consider any options, in general, I have never come across such a mistake before, maybe in it? I attach screenshots

screen 3 screen 4

  • "I did not touch the paths to the files all the same" - "I did not touch" and "recheck" these are two different states, nevertheless) double-check the path to the file and its presence along this path. For obviously in the second version the first font does not find and connects the second. "only in different periods of time" - specify what it means. perhaps, the problem of font inaccessibility due to this page state crept in right here - lexxl
  • Ways rechecked, everything is fine there. And at the expense of different periods of time: I folded this page and handed it over to the customer (at that moment everything worked as it should), after a while he turned to me again with his edits (at that time he edited the layout according to his needs), I made the necessary corrections and then he pointed out to me the inconsistency with the fonts, but I didn’t immediately pay attention as it turned out those sources that he sent me for revision already had this very inconsistency with the fonts. I understand that it was not me who did it, but I want to solve the problem or at least understand where it came from. - Constantine Shibaev
  • Reasonable. Well, I would start to strictly check everything (your previous file / archive and the resulting non-working): compare the font files in the folder (name, size), compare the font connection code (specifying extensions, format ('truetype'), commas and other trivia syntax) ... - lexxl
  • I study files for the presence of erroneous syntax, but so far without success, I have added possible options to the topic, tell me if you have dealt with a similar one. - Constantine Shibaev

2 answers 2

Try connecting fonts via @ font-face.
@font-face { font-family: 'YanusC'; src: url('../fonts/YanusC.eot'); src: url('../fonts/YanusC.eot?#iefix') format('embedded-opentype'), url('../fonts/YanusC.woff2') format('woff2'), url('../fonts/YanusC.woff') format('woff'), url('../fonts/YanusC.ttf') format('truetype'), url('../fonts/yanusc.otf') format('opentype'), url('../fonts/YanusC.svg#YanusC') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'YanusC'; src: url('../fonts/YanusC.eot'); src: url('../fonts/YanusC.eot?#iefix') format('embedded-opentype'), url('../fonts/YanusC.woff2') format('woff2'), url('../fonts/YanusC.woff') format('woff'), url('../fonts/YanusC.ttf') format('truetype'), url('../fonts/yanusc.otf') format('opentype'), url('../fonts/YanusC.svg#YanusC') format('svg'); font-weight: normal; font-style: normal; } Use the https://onlinefontconverter.com/ service to convert fonts to different formats and connect them. Each font has its own @ font-face.

    Judging by the fact that the network error - it is quite possible that you connect fonts from the outside. Try downloading locally fonts and jquery v.1.12 library and register a local path to them.

    See the same situation if you use the jquery version below / above?

    Please unsubscribe by results.

    Throw off, please, the code of the <head></head> here with links to fonts and the jquery library.

    • Yes, I tried to change the version of jquery (the behavior of the error without changing) and did not understand the reason for its occurrence, but the problem with connecting the fonts was solved by simply connecting to the head before they were connected via localStorage. - Constantine Shibaev
    • Konstantin, try connecting jquery without using a CDN link. That is, download to the project folder and connect to the head. - Anton Kovylin
    • Yes, I did not use the CDN, always connected jquery locally. - Constantine Shibaev
    • After connecting the fonts in the head, the error with the screenshots remained? If yes, then check the ajax scripts. - Anton Kovylin
    • You also need to check whether this error occurs in different browsers or some specific, because It may be an error on the similarity of this bugs.chromium.org/p/chromium/issues/detail?id=321241 and refer to the browser as well as this bugs.jquery.com/ticket/14683 and refer to jquery. Let us know, please, about the results. If you have questions - ask. - Anton Kovylin