小编Bee*_*ato的帖子

字体转换器:.ttf或.otf到.woff,.svg等

我总是使用Font Squirrel生成器来制作我的@ font-face工具包,但最近我在尝试转换Helvetica Neue时遇到了麻烦,因为它被列入黑名单.然后我尝试使用其他生成器,如Font2Web.它们确实有效,但它们生成的一些文件质量很差; 例如,字体在11px时失去可读性.我知道它是生成器和一些字体格式的问题,因为根据浏览器加载的文件,字体看起来很棒.

那么,怎么办?有没有能够很好地完成这项工作的软件?或其他生成更高质量文件的在线工具?

PS:不要怪我选择Helvetica Neue,我只是想实现它.如果你知道一个漂亮的,免费的字体替代Helvetica Neue有许多家庭,如Extended和Black,它可能也适用于设计师喜欢它.

css fonts font-face

13
推荐指数
0
解决办法
2万
查看次数

Firefox和Chrome之间的神秘2px差异

我的问题被提到我一直在开发的这个网站.看到里面有4个圆圈和4个按钮的地方?这是他们的相关CSS:

/* STEPS HIGHLIGHT */
.steps {
background: transparent url(img/bg-steps.gif) 37px 92px no-repeat;
    clear: both;
    float: left;
    text-transform: uppercase;  
} 
.steps .col {
    margin-top: 15px;
    text-align: center;
}
.col.steps-1 {
    width: 194px;
}
.col.steps-2 {
    margin-left: 40px;
    width: 196px;
}
.col.steps-3 {
    margin-left: 21px;
    width: 232px;
}
.steps .col.last {
    margin-left: 11px;
    width: 226px;
}
.steps .col.last h3 {
    margin: 0 auto;
    width: 129px;
}
.steps h2 {
    font: 24px 'ProximaNovaLight';
}
.steps h3 {
    color: #7f7f7f;
    display: …
Run Code Online (Sandbox Code Playgroud)

html css margin cross-browser background-position

3
推荐指数
2
解决办法
3364
查看次数