展开

关键词

首页关键词font face

font face

相关内容

  • @font-face 属性

    用途 @font-face 允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,@font-face 可以消除对用户电脑字体的依赖。@font-face 不仅可以放在在CSS的最顶层, 也可以放在 @规则 的 条件规则组 中。语法@font-face { || ?src是自定义的字体的存放路径,可以是相对路径也可以是绝路径font-variantfont-variant的值。font-stretchfont-stretch的值。font-weightfont-weight的值。font-style对于src所指字体的描述。如果所需字体符合描述,则采用本 font-face 所定义的字体。例子@font-face { font-family: YourWebFontName; src: url(YourWebFontName.eot); * IE9 Compat Modes * src:
    来自:
    浏览:149
  • 聊一聊“@font-face”

    在@font-face处理兼容中出现了一个#iefix这个东东?到底是神马东西呢?案例: ?首先先了解关于@font-face的基本知识1、@font-face 与 EOT 格式之所以把它们放到一起是因为首个实现 @font-face 和 EOT 的是同一家公司 - 微软。于是,CSS2.1 中彻底去掉了 @font-face 语法也不足为奇了。一年后,Firefox Opera Chrome 等主流浏览器都开始支持 @font-face。自此,@font-face 死而复生。 web字体时代来临。
    来自:
    浏览:391
  • 广告
    关闭

    2021 V+全真互联网全球创新创业挑战赛

    百万资源,六大权益,启动全球招募

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到
  • @ font-face url指向本地文件?

    如果我使用@ font-face像这样: @font-face { font-family: OpenSymbol; src: url(OpenSymbol.ttf) format(truetype);其他@ font-face用法在所有浏览器中都可以很好地工作。顺便说一句,在Chrome中,我收到警告: Resource interpreted as Font but transferred with MIME type applicationoctet-stream
    来自:
    回答:2
  • 添加@ font-face到CKEditor?

    然而,我想添加的字体是我使用@ font-face CSS3属性的自定义字体。我设法做到这一点,但编辑器本身不显示自定义字体。我还想以某种方式将@ font-face属性添加到CKEditor的文本区域,这样我的用户可以在输入时看到自定义字体。 这可能吗?
    来自:
    回答:1
  • CSS3魔法堂:认识@font-face和Font Icon

    二、语法规则                           * 定义字体 *@font-face { font-family: ; src: ]*; ; ; } font-family:  :自定义字库名称@font-face遵循先定义后使用原则;  2. 由于中文字体太大,因此建议若中文LOGO还是使用图片。而英文LOGO则可使用@font-face代替图片;  3.@font-face无效有可能是字体的加载路径错误;  4. FireFox中@font-face的字体加载路径使用相对路径时,可能会失败,具体原因和解决办法如下:      a).不过通过@font-face来实现的Font Icon,我们可以自定义并使用各种符号实体——这些符号实体正确来说应该叫做Web实体符。 元素的font-family值为所定义的@font-face时,该元素下的字符则会自动渲染为对应的Font Icon。
    来自:
    浏览:370
  • @ font-face HattoriHanzoLight不起作用?

    我从这个网站下载了字体: http:www.fontsquirrel.comfontsHattori-Hanzo 这是我的代码: @font-face { font-family: HattoriHanzoLight; src: url(hattori_hanzo.otf) format(opentype); font-weight: normal; font-style: normal;} content 我的html
    来自:
    回答:1
  • Fontello:免费Web-font 图标大集合(font-face 图标集)

    CSS3有一个@font-face属性(不过据说 font-face 是CSS2 的产物),@font-face 的本意是用来在线加载自定义字体的(适合于英文字体),但后来这个 @font-face 被发扬光大,折腾出了个 Web-font ——就是将某些矢量图标做成字体文件,然后通过@font-face 这个在网页中使用。想要了解 @font-face 与 Web-font 请自行谷歌,在这里不再累赘——其实,Jeff 也不太了解 ╮(╯_╰)╭Jeff 在目前折腾的原创主题 Aevework 上面已经成功使用上了,不过由于兼容性问题image.pngFontell的 web-font 使用利弊问题不过有好有坏, Web-font的兼容性问题实在是当前阻碍其发展的拦路虎。通过Jeff 本人实践以及参考相关资料,从利弊两个方面分析Web-font (font-face)的兼容性问题。
    来自:
    浏览:495
  • 如何添加@ font-face到CKEditor?

    然而,我想添加的字体是我使用@ font-face CSS3属性的自定义字体。我设法做到这一点,但编辑器本身不显示自定义字体。
    来自:
    回答:1
  • 为什么@ font-face在woff文件上抛出404错误?

    我正在使用@font-face我公司的网站,它的工作看起来不错。除了Firefox和Chrome会在.woff文件上引发404错误。IE不会抛出错误。另外,我使用fontsquirrels工具来创建@font-face字体和代码: @font-face { font-family: LaurenCBrownRegular; src: url(laurencb-webfont.eoturl(laurencb-webfont.ttf) format(truetype), url(laurencb-webfont.svg#webfontaaFhOfws) format(svg); font-weight: normal; font-style: normal;} @font-face { font-family: FontinSansRegular; src: url(fontin_sans_r_45b-webfont.eot: normal; font-style: normal;}
    来自:
    回答:2
  • @ font-face黑名单字体?

    我一直在使用font-squirrel。但是最近有一个项目需要开发,当我尝试生成时,它给出了一个错误 The font abc.otf is blacklisted by the Generator.我正在寻找一个可以为IE7 + {EOT},firefox和webkit生成@ font-face变体的网站
    来自:
    回答:2
  • Firefox中的font-face:bold大于Chrome怎么办?

    我用这个代码: @font-face { font-family: DroidSansRegular; src: url(droidsans-webfont.eot); src: url(droidsans-webfont.eoturl(droidsans-webfont.ttf) format(truetype), url(droidsans-webfont.svg#DroidSansRegular) format(svg); font-weight: normal; font-style: normal;}@font-face { font-family: DroidSansBold; src: url(droidsans-bold-webfont.eotdroidsans-bold-webfont.ttf) format(truetype), url(droidsans-bold-webfont.svg#DroidSansBold) format(svg); font-weight: bold; font-style: normal;} 而当我使用font-weight: bold;Chrome浏览器中的粗体文本的时候确实没问题,但是在Firefox中显得太大了。
    来自:
    回答:2
  • 使用@ font-face使用多个自定义字体?

    一直使用具有普通字体的单个自定义字体: @font-face { font-family: CustomFont; src: url(CustomFont.ttf);} 但如果我想添加另一个自定义字体
    来自:
    回答:2
  • @ font-face:无法正确显示的重音字符 - 仅在Safari中显示

    我在网站上通过@ font-face使用官方网页。诸如“é”之类的重音字符在Chrome Firefox中显示正常,但它们在Safari中使用默认字体(例如Arial)进行渲染。Chrome: 📷 苹果浏览器 : 📷 这是使用的@ font-face声明: @font-face { font-family: simplon_bp_mono_lightlight; src:fontsSimplonMono-Light-WebS.webfont.svg#svgFontName) format(svg); * Legacy iOS *} 我试过这个解决方案,但它没有用:Safari 5中没有显示@ font-face
    来自:
    回答:1
  • @ font-face svg在Chrome中无法正常工作?

    这是我使用的CSS声明 @font-face { font-family: HelveticaNeueLT Std Thin; src: url(..fontsh2.eot); src: url(..fontsh2.svg#test) format(svg), url(..fontsh2.woff) format(woff), url(..fontsh2.ttf) format(truetype);font-weight: normal;font-style: normal;} 我得出结论:问题出在svg声明字体文件上。
    来自:
    回答:2
  • @ font-face用于自定义字体,Chrome中的字体不平滑

    我有一个使用CSS3的@ font-face嵌入自定义字体的Web应用程序。到目前为止,这在IE和Firefox中完美运行。 但是,使用Chrome时,自定义字体显示为像素化并且不平滑。以下是我在样式表中如何使用@ font-face的示例: @font-face { font-family: MyFont; src: url(..ContentfontsMyFont.eot?)
    来自:
    回答:2
  • @font-face css3自定义个性化字体

    使用第三方平台转换字体文件为font-face所支持的格式。TrueType创建此格式字体,支持这种字体的浏览器有【IE4+】SVG(.svg) 格式  Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+引入字体@font-face {       font-family: FamilyName;       src: url(path.eot);       src: url(pathto*.eot?style=font-family:FamilyName 或直接class 内定义使用到指定元素上。   div{font-family:myFirstFont;}
    来自:
    浏览:336
  • 在Chrome @ font -face local()中找不到本地字体

    DevTools中看到的,字体是从服务器下载的: DevTools -> Computed -> Rendered 在火狐中我可以看到,我们使用的是本地字体: FirefoxTools -> Fonts ​ @font-face{ font-family: Calibri; src: local(Calibri Italic), local(Calibri-Italic), url(..fontscalibrii.woff2) format(woff2), url(..fontscalibrii.woff) format(woff), url(..fontscalibrii.ttf) format(truetype); font-weight: normal; font-style: italic;} ​ 如果我使用Calibri Italic (或Calibri Bold,Calibri Italic,Calibri-Italic‘等),
    来自:
    回答:2
  • 在svg font-face声明中必须使用散列吗?

    @font-face font-family: AllerRegular src: url(fontsalleraller_rg-webfont.eot) src: url(fontsalleraller_rg-webfont.eotfontsalleraller_rg-webfont.ttf) format(truetype), url(fontsalleraller_rg-webfont.svg#AllerRegular) format(svg) font-weight: normal font-style: normal 在上面的例子中,我添加了这个字体的SVG版本,但我不确定ID是否正确。
    来自:
    回答:1
  • 在svg font-face声明中必须使用散列吗?

    @font-face font-family: AllerRegular src: url(fontsalleraller_rg-webfont.eot) src: url(fontsalleraller_rg-webfont.eotfontsalleraller_rg-webfont.ttf) format(truetype), url(fontsalleraller_rg-webfont.svg#AllerRegular) format(svg) font-weight: normal font-style: normal 在上面的例子中,我添加了这个字体的SVG版本,但我不确定ID是否正确。
    来自:
    回答:1
  • 使用@ font-face将文本绘制到在第一次不起作用

    当我使用通过@ font-face加载的字体在画布上绘制文本时,文本无法正确显示。它完全不显示(在Chrome 13和Firefox 5中),或字体错误(Opera 11)。以下是测试用例的源代码 @font-face and <canvas> @font-face { font-family: Press Start 2P; src: url(fontsPressStart2P.ttf);} canvas, pre { border: 1px solid black; padding: 0 1em;} @font-face and <canvas> Description@font-face Script var x = 30, y = 10; $(#draw).click(function () { var canvas = $(canvas), ctx = canvas.getContext(2d); ctx.font = 12px Press Start 2P; ctx.fillStyle = #000; ctx.fillText(Hello, world!
    来自:
    回答:2

扫码关注云+社区

领取腾讯云代金券