我怎样才能在网站上使用本地字体

Question

我想用 "monotype corsiva" 字体显示我的商业标语，它在 Google 字体上不可用，所以任何人都可以帮助我。

Answer 1

首先，您必须在本地计算机上找到 otf/ttf/woff 字体文件。

然后，将其放入 css 文件。

@font-face {
    font-family: mylocalfont;
    src: url(fontname.woff);
}

body{
    font-family: mylocalfont;
}

Answer 2

http://fontsforweb.com/font/show?id=6771

请登录或注册以获取您的嵌入链接或下载包含所有所需代码的字体。

Answer 3

您需要上传您的字体，然后在 css 中编写代码才能访问它。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

在现代浏览器中，您只能使用 .ttf 文件，因此您的字体代码如下：

@font-face {
      font-family: 'MyWebFont';
      src: url('webfont.ttf');
    }
    
    body {
      font-family: 'MyWebFont', Fallback, sans-serif;
    }

如果它能解决您的问题，请将其设为正确答案。 :)

Answer 4

将所有这些字体格式粘贴到您的 css 文件夹 otf/ttf/woff。

在样式表中添加：-

@font-face {
    font-family: 'MTCORSVA';
    src: url('./MTCORSVA.eot');
    src: local('MTCORSVA'), url('./MTCORSVA.woff') format('woff'), url('./MTCORSVA.ttf') format('truetype');
}

现在使用它来应用字体系列font-family: 'MTCORSVA';

我怎样才能在网站上使用本地字体

How could I use local fonts in website

html

css

php

webfonts