关键词：
【中文标题】如何在网站上使用自定义字体？ [复制]【英文标题】：How can I use custom fonts on a website? [duplicate] 【发布时间】：2012-11-15 03:07:36 【问题描述】：为了让我的网站看起来不错，我需要使用自定义字体，特别是 Thonburi-Bold。问题是 - 除非用户安装了字体，否则字体不会显示。它也不显示在 Firefox 中。
这个问题有解决办法吗？
【问题讨论】：
围绕这个话题有几个老问题。其中一些已经过时，但时间花在改进答案上比给重复的简短答案更有效。 （对这个问题的任何真正简短的回答往往是错误的或基本上不完整。） 【参考方案1】：是的，有办法。它在 CSS 中称为自定义字体。您的 CSS 需要修改，并且您需要将这些字体上传到您的网站。
为此所需的 CSS 是：
@font-face
font-family: Thonburi-Bold;
src: url('pathway/Thonburi-Bold.otf');
【讨论】：
【参考方案2】：您必须像这样在样式表中导入字体：
@font-face
font-family: "Thonburi-Bold";
src: url('Thonburi-Bold.ttf'),
url('Thonburi-Bold.eot'); /* IE */
【讨论】：
IE 评论+1 它似乎也适用于src: url('Thonburi-Bold.otf')【参考方案3】：
您可以使用 CSS3 font-face 或 webfonts
@font-face 用法
@font-face
font-family: Delicious;
src: url('Delicious-Roman.otf');
网络字体
看看 Google Webfonts，http://www.google.com/webfonts
【讨论】：
【参考方案4】：首先，您必须将字体作为 .otf 或 .ttf 放在服务器上的某个位置。
然后使用 CSS 像这样声明新的字体系列：
@font-face
font-family: MyFont;
src: url('pathway/myfont.otf');
如果将文档链接到声明字体系列的 CSS 文件，则可以像使用任何其他字体一样使用该字体。
【讨论】：
【参考方案5】：CSS 让您可以在您的网站上使用自定义字体、可下载字体。您可以下载您喜欢的字体，比如myfont.ttf，然后将其上传到托管您的博客或网站的远程服务器。
@font-face
font-family: myfont;
src: url('myfont.ttf');
【讨论】：
如何在 HTML 网站上安装自定义字体
】如何在HTML网站上安装自定义字体【英文标题】：HowdoIinstallacustomfontonanHTMLsite【发布时间】：2011-12-1904:33:05【问题描述】：我没有使用flash或php-我被要求在简单的HTML布局中添加自定义字体。《KG六月虫》我已将其下载到本地-是... 查看详情
我们如何在 iOS 应用中使用自定义字体？ [复制]
】我们如何在iOS应用中使用自定义字体？[复制]【英文标题】：HowcanweusecustomfontinaniOSapp?[duplicate]【发布时间】：2012-10-1308:07:54【问题描述】：可能重复：CanIembedacustomfontinaniPhoneapplication?如何在我的iPhone应用程序中自定义字体？可... 查看详情
如何在 iOS 应用程序中使用自定义字体？ [复制]
】如何在iOS应用程序中使用自定义字体？[复制]【英文标题】：HowtousecustomfontiniOSApps?[duplicate]【发布时间】：2012-03-1005:04:14【问题描述】：可能重复：CanIembedacustomfontinaniPhoneapplication?您好，我想在我的原生iOS应用中使用缅甸字体... 查看详情
如何在 CSS 中使用自定义字体？ [复制]
】如何在CSS中使用自定义字体？[复制]【英文标题】：HowtouseacustomfontinCSS?[duplicate]【发布时间】：2018-05-1206:39:33【问题描述】：我找到了最漂亮的字体here。我想用它。我尝试了以下操作：@font-facefont-family:myFirstFont;src:url(http://fonts... 查看详情
如何在 iPhone SDK 中使用自定义字体？ [复制]
】如何在iPhoneSDK中使用自定义字体？[复制]【英文标题】：HowtousecustomfontsiniPhoneSDK?[duplicate]【发布时间】：2012-12-3120:46:47【问题描述】：我想在我的应用中实现自定义字体。所以我在我的项目源代码中添加了它。我不想以编程方... 查看详情
如何在 Java 中使用自定义字体？
】如何在Java中使用自定义字体？【英文标题】：HowcanIuseacustomfontinJava?【发布时间】：2011-08-0420:56:02【问题描述】：我用Java编写了一个程序，它使用一种特殊字体，默认情况下在任何操作系统上都不存在该字体。在Java中是否可... 查看详情
如何在 WebView 中使用自定义字体
】如何在WebView中使用自定义字体【英文标题】：HowtousecustomfontwithWebView【发布时间】：2010-11-2313:33:36【问题描述】：现在我想显示一些unicode字符，我使用了标签：<fontface="Arial">somethinghere</font>。但是WebView好像找不到Arial... 查看详情
如何为没有自定义字体的用户下载自定义字体？ [复制]
...了一个.ttf文件，其中包含应将其用作我正在开发的他的网站上的字体的说明，对于那些没有此字 查看详情
如何将自定义字体添加到我的应用程序？ [复制]
】如何将自定义字体添加到我的应用程序？[复制]【英文标题】：HowdoIaddacustomfonttomyapp?[duplicate]【发布时间】：2013-07-3022:36:50【问题描述】：编辑：我想通了！答案贴在下面。感谢JSD！我一定遗漏了一些东西，因为我认为这是一... 查看详情
如何在 SwiftUI 中使用 Font Awesome 作为自定义字体？
】如何在SwiftUI中使用FontAwesome作为自定义字体？【英文标题】：HowdoIuseFontAwesomeasacustomfontinSwiftUI?【发布时间】：2020-09-2806:47:21【问题描述】：我已经按照许多教程向我的SwiftUI包添加自定义字体。我已采取以下步骤：将FontAwesome5F... 查看详情
如何在织物文本对象中应用自定义字体？
】如何在织物文本对象中应用自定义字体？【英文标题】：Howtoapplycustomfontinfabrictextobject?【发布时间】：2013-07-2712:28:22【问题描述】：我想在织物文本对象中使用自定义字体，我点击以下链接：http://fabricjs.com/fabric-intro-part-4/但... 查看详情
Tailwind/CSS 使用自定义字体
...描述】：我有一个项目需要使用自定义字体。但我不知道如何在我的HTML中使用它。我已经在网上搜索了如何执行此操作，但所有示例都使用包含在一个文件中的字体。我的字体包含在多个文件中。如何指定要在每个元素上使用... 查看详情
如何在openimaj中使用自定义字体(代码片段)
我正在开发一个项目，我想使用自定义字体在图像上绘制文本。我不想使用内置的OpenIMAJ字体。有没有办法做到这一点？答案使用GeneralFont类通过AWT访问所有系统字体：MBFImageimg=newMBFImage(800,600,3);img.drawText("OpenIMAJ",20,100,newGeneralFont... 查看详情
css3自定义字体_使用@font-face方式实现个性化字体(代码片段)
...字体，这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢？资源网站大全https://55wd.com在css3中可以通过@font-face模块，把自己定义的Web字体嵌入到你的网页，web设计师可以使用他们喜欢的任意字体，只需要... 查看详情
如何在 Visual Studio 代码中使用自定义字体
】如何在VisualStudio代码中使用自定义字体【英文标题】：Howtousecustomfontinvisualstudiocode【发布时间】：2015-10-1508:48:13【问题描述】：这与其说是一个编码问题，不如说是关于VisualStudio代码编辑器的问题。我想做的是在编辑器中使用... 查看详情
将自定义字体加载到网站中[重复]
...我在我的网站项目中使用了特定的字体。匿名用户不知道如何下载、安装这些字体，如果没有安装这些字体，那么网站看起来不错。有什么办法，或者一些中心网站的字体可以上传和共享特定字体使用。像bootstrap、jquery一样，提... 查看详情
我的自定义字体不想在 Internet Explorer 中使用
...2012-02-1410:00:50【问题描述】：我正在尝试在我正在开发的网站上使用GreenPillow和Cotidiana字体。我已经使用@font-face加载了.eot文件，但它仍然无法正常工作...真的不知道我在这里做错了什么：@font-fac 查看详情
如何在 material-ui 主题中导入和使用自定义字体？
】如何在material-ui主题中导入和使用自定义字体？【英文标题】：Howtoimportanduseacustomfontinamaterial-uitheme?【发布时间】：2020-01-2810:56:38【问题描述】：我正在尝试在Material-UI主题的React应用中导入和使用Yellowtail字体（来自GoogleFonts）... 查看详情