What mistake did I make when creating this font?

R

Ruslan2015-09-03 19:21:51

Bootstrap

Ruslan, 2015-09-03 19:21:51

Good day ..... help me figure out where the mistake was made when creating the font. The problem is that on the clickable symbol from the form through css, it appears not the symbol that is inscribed in place of the given code, with which I call the symbol drawn in the font I created, but the one that was to be edited ...... . .tobto the page should have appeared not the symbol S, but the icon of the fotik. here is the html code

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Проба шрифтів-іконок</title>
<link href="css/My2_style_font.css" rel="stylesheet">
<link href="css/dod_style.css" rel="stylesheet">
</head>

<body>
  <p>Перший символ фотоапарат -- <i class="fa fa-photo"></i></p>

</body>
</html>

and css

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 17, 2015 */



@font-face {
    font-family: 'My2';
    src: url('.../font/my2-webfont.eot');
    src: url('.../font/my2-webfont.eot?#iefix') format('embedded-opentype'),
         url('.../font/my2-webfont.woff2') format('woff2'),
         url('.../font/my2-webfont.woff') format('woff'),
         url('.../font/my2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.fa{display:inline-block;font:normal normal normal 14px/1 My2;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}

.fa-photo:before{content:"\0053"}

I wanted to upload the entire project here with a font, etc. but I don't know how to do it...

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

P

Pavel Volintsev, 2015-09-03
@Rysl_prog_diz

I don't know the contents of your font.
Option 1 - the font didn't load at all. For example, no files were found.

@font-face {
    font-family: 'My2';
    src: url('.../font/my2-webfont.eot');
    src: url('.../font/my2-webfont.eot?#iefix') format('embedded-opentype'),
         url('.../font/my2-webfont.woff2') format('woff2'),
         url('.../font/my2-webfont.woff') format('woff'),
         url('.../font/my2-webfont.ttf') format('truetype');
}

Why do you have three dots in the path?
Option 2 - character code is .fa-photo:before{content:"\0053"}not 0053
Who generated the character codes?