我终于可以使我的网站显示阿拉伯字体,但这是我不需要的默认字体。

在SO社区的帮助下,我发现了Dejavu字体。 我去他们的网站并下载了一个Sans Serif压缩文件夹。 我假设我必须将某些内容上传到服务器。 如果可以,我应该上传哪个文件? 我应该在html文件中写些什么来“引用”字体到我的网站? 我打开了zip文件夹中的所有文件,只有其中一个指示可以下载该字体。 但是我不需要在计算机上下载它。 我需要将其上传到云,以便它可以在我的网站上。

有任何想法吗?

另外,如何在这里上传Dejavu文件夹,以便人们可以看到它并知道我在说什么?

===============>>#1 票数:2

@font-face@font-face字体松鼠生成器

===============>>#2 票数:1 已采纳

如果希望使用字体嵌入(和@ font-face),则如果希望覆盖大多数平台,则需要以不同的格式显示字体。 参见例如@ font-face基本指南

但是有一种更简单的方法:只需在CSS的字体系列声明中声明您喜欢的字体(在检查每个字体是否都包含了所有使用的字符之后)。 并不是所有人都会在DejaVu中看到文本(只有那些与OpenOffice的Linux一起使用或单独下载了安装文本的人)。 下载较粗的字体或几种字体的开销是不可忽略的,尤其是在使用慢速移动连接时。

===============>>#3 票数:1

扩展书柜的观点:

在Font Squirrel上查看@ font-face套件 有几种可用的DejaVu套件。 工具包几乎包含您可以在网络上使用的每种可用格式的CSS和DejaVu文件。 将字体文件放在您喜欢的任何文件夹中,并相应地更改CSS。

例如,我将字体定义存储在/css/fonts.css ,将字体存储在/fnt/FontName/

从fonts.css

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fnt/DejaVuSans/DejaVuSans-webfont.eot');
    src: url('../fnt/DejaVuSans/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/DejaVuSans/DejaVuSans-webfont.woff') format('woff'),
         url('../fnt/DejaVuSans/DejaVuSans-webfont.ttf') format('truetype'),
         url('../fnt/DejaVuSans/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fnt/DejaVuSans/DejaVuSans-Oblique-webfont.eot');
    src: url('../fnt/DejaVuSans/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/DejaVuSans/DejaVuSans-Oblique-webfont.woff') format('woff'),
         url('../fnt/DejaVuSans/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
         url('../fnt/DejaVuSans/DejaVuSans-Oblique-webfont.svg#DejaVuSansOblique') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fnt/DejaVuSans/DejaVuSans-Bold-webfont.eot');
    src: url('../fnt/DejaVuSans/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/DejaVuSans/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('../fnt/DejaVuSans/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('../fnt/DejaVuSans/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fnt/DejaVuSans/DejaVuSans-BoldOblique-webfont.eot');
    src: url('../fnt/DejaVuSans/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/DejaVuSans/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
         url('../fnt/DejaVuSans/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
         url('../fnt/DejaVuSans/DejaVuSans-BoldOblique-webfont.svg#DejaVuSansBoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
}

然后,使用字体很简单:

body {
    font-family: 'DejaVu Sans',sans-serif;
}

  ask by L1900 translate from so

未解决问题?本站智能推荐:

1回复

UIWebView iOS 4.2.1中的阿拉伯语TTF(TrueType字体)

嗨我想在UIWebView中使用自定义阿拉伯字体,我读到iOS 4.2以后我们可以使用TTF webfonts。 我的资源中有阿拉伯字体,以下是我使用的代码: 问题是:我在UIWebView中获取阿拉伯文本,但它不是我加载的,它是iOS使用的默认阿拉伯字体。 帮帮我! 注意
1回复

为什么阿拉伯语Noto字体(或其他阿拉伯字体)在HTML / CSS中呈现不正确?

我正在使用Google Noto Sans Serif字体呈现阿拉伯文字,如下所示: 注意在某些地方对齐方式有很多偏离。 我的HTML文档非常简单,本质上是这样的: <html> <head> <meta charset="u
2回复

设置为相同字体大小时,使阿拉伯语和英语外观相似的字体

我正在开发一个支持英语和阿拉伯语的网站。 问题是,当我使用特定的字体大小时,英语看起来比阿拉伯语更大。 我知道如何使用CSS来解决这个问题,但是如果有默认情况下克服这种情况的字体会节省时间并使未来的更新变得容易。
3回复

如何在css中更改Google Chrome阿拉伯语默认字体?

Google Chrome中的阿拉伯语默认字体比Firefox中的大。 如何在css中将Chrome阿拉伯语字体大小设置为较小,还是有其他可能的解决方案?
2回复

阿拉伯语文本默认为默认字体

我已经使用fontsquirrel的webfont转换器将一些开源ttfs从freearabicfonts.com转换为webfonts,并通过通常的css3步骤来使webfont工作(它肯定在那里)。 但是,当我尝试在阿拉伯语文本上使用该字体时,它不起作用。 背景调查: db表设
3回复

使用扩展名为.otf的阿拉伯字体

我正在做一个小项目,客户向我发送了一种他希望我用于阿拉伯语的字体。 该文件的文件扩展名为.otf 我嵌入了文件,并尝试使用它,结果是: IE8:无法识别字体。 Chrome:无法识别字体。 Firefox:可以识别字体,但是在查看字体时,字母是分开的(在阿拉伯语
5回复

如何在CSS中使用阿拉伯字体?

我刚刚发现,由于存在连接字母的问题,因此没有阿拉伯字体的生成器……这是否意味着我唯一的选择是从fonts.com获得它? 有人知道我可以在我的网站上使用优质的阿拉伯字体吗? http://arabic001.com/home.html
1回复

使用不受支持的字体的阿拉伯语-英语音译

我正在为Ar和En文本进行语言音译。 这是按字符替换显示字符的链接: https : //github.com/Shnoulle/Ar-PHP/blob/master/Arabic/data/Transliteration.xml 现在的问题是: 我正在处理字体样式robert
1回复

SVG文本getComputedTextLength对于阿拉伯字体而言太短

我正在尝试为Web应用程序在SVG中为阿拉伯文本添加特定字体。 字体看起来不错,但getComputedTextLength()返回的结果“太短”,即,文本占用的空间比渲染时应占用的空间大。 尝试换行等时,这会导致问题。 有人知道解决方法或解决方案吗? 我尝试了几种不同的字体,并在C
2回复

突出阿拉伯语元音

这是我的代码,试图突出显示Java中的阿拉伯元音: 当我尝试使用HTML标签为阿拉伯语元音着色时,元音会变得不对齐且无用(请参见上面的示例)。 除了突出显示这些元音之外,还有其他选择吗?