斯坦格字母间距

时间:2017-03-25 12:11:53

标签: html css font-face

我只在" a"之间有一个奇怪的字母间距。和" p"如下图所示。正如您在屏幕截图中看到的那样,字符串等于" appshop"但这个观点看起来像一个ppshop" (同样适用于"下载应用程序")。

在Internet Explorer上它可以正常工作,但在所有其他浏览器(Firefox,Chrome和Safari)中它没有。

字体为Omnes,可在以下位置找到:https://typekit.com/fonts/omnes

enter image description here

我的@ font-face看起来像这样:

@font-face {
font-family: 'Omnes';
src: url('../fonts/OmnesSparv-Regular.eot');
src: url('../fonts/OmnesSparv-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OmnesSparv-Regular.woff') format('woff'),
    url('../fonts/OmnesSparv-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

元素的源代码没有错误

    .header .navbar .navbar-nav .nav-item .nav-link {
    color: #818386;
    padding: 0 10px;
}
@media (min-width: 992px)
style.min.css:1
.header.header-transparant .nav-item .nav-link, .header.header-transparant .open {
    color: rgba(255,255,255,0.9) !important;
}
@media (min-width: 992px)
style.min.css:1
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
style.min.css:1
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
style.min.css:1
.nav-link {
    display: block;
    padding: .5em 1em;
}
style.min.css:1
a, area, button, [role="button"], input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
style.min.css:1
a {
    color: #ec008c;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
style.min.css:1
*, *::before, *::after {
    box-sizing: inherit;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
Inherited from li#menu-item-32.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
Inherited from ul#menu-hoofdmenu.navbar-nav
style.min.css:1
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
user agent stylesheet
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
Inherited from body.post-template-default.single.single-post.postid-44.single-format-standard.logged-in
style.min.css:1
body {
    margin: 0;
    font-family: "Omnes",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}
Inherited from html
style.min.css:1
html {
    font-size: 15px;
}
style.min.css:1
html {
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
Pseudo ::before element
style.min.css:1
*, *::before, *::after {
    box-sizing: inherit;
}
Pseudo ::after element
style.min.css:1
*, *::before, *::after {
    box-sizing: inherit;
}

0 个答案:

没有答案