- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
请检查此代码;我正在尝试根据语言更改字体和文本对齐方式:
风格
<style>
.quotebod {
padding: 10px 10px 10px 10px;
line-height: 22px;
font-size: 20px;
}
:lang(ar) {
text-align:right;
font-family:'Droid Arabic Kufi';
}
.quotebod:lang(ar) {
padding: 10px 10px 10px 10px;
line-height: 30px;
font-size: 20px;
text-align:right;
font-family:'Droid Arabic Kufi';
}</style>
<body><p class="quotebod">{Quote}</p></body>
**{Quote}:一个 tumblr 变量,但它也是文本 **
最佳答案
在同一页面中使用不同语言的文本是很好的。通常在这种情况下很容易确定 HTML 的“主要”语言; lang
中应使用该语言<html>
的属性元素。接下来,您添加 lang
对于包含以不同语言编写的文本的每个元素。
如果一种语言是 LTR,另一种是 RTL,指定 dir
也很好属性也是如此,遵循相同的方法。例如:
<html lang="ar" dir="rtl">
<head>
</head>
<body>
<p>«فى هذا الكتاب مقارنة بين تعاليم الإسلام كما وصلت إلينا، وبين أصدق ما وصلت إليه حضارة الغرب فى أدب النفس والسلوك فى محاولة للكشف عن روعة التقارب وصدق التطابق»</p>
<p lang="en" dir="ltr"> These are some of the words of the author, which cross them about the reason for writing this unique work</p>
<p>.. هذه بعض كلمات المؤلف التى عبر بها عن سبب كتابته لهذا العمل الفريد، خاصة بعد قراءته لكتاب «دع القلق وابدأ الحياة» لديل كارنيجى وقد اعتمد فى هذا العمل على جانبين رئيسين.</p>
</body>
</html>
您可以使用 :lang
轻松调整每个单独元素的样式选择器。请注意,一旦设置为 html
,它将被所有元素继承——除非直接覆盖。
所以在上面的文档中,p:lang(ar)
选择器将应用于第一段和第三段 - 但不会应用于第二段。
现在进入问题。假设我们有一个元素可能包含阿拉伯语或英语文本。您可能已经猜到,仅仅更改文本本身是不够的 - 您还需要相应地进行调整 lang
该元素的属性。例如:
// here goes the code that receives the quotation
<p class="quotebod" lang="{Quote.lang}" dir="{Quote.dir}">{Quote}</p>
困难的部分是通过引用检测语言。我想这在源头上很容易做到,但您也可以通过分析 Quote
的内容在客户端做到这一点。 - 如果它们包含阿拉伯字母表中的符号,则它们几乎不是英语 - 反之亦然。
例如,假设我们有一个包含浅层结构中不同类型文本的 HTML - 每个段落包含一个阿拉伯语或英语文本 block 。下面是我们如何分配 lang
和 dir
相应的属性:
var arabicPatt = /[\u0600-\u06ff]/;
[].forEach.call(document.getElementsByTagName('p'), function(p) {
var lang, dir;
if (arabicPatt.test(p.textContent)) {
lang = 'ar'; dir = 'rtl';
}
else {
lang = 'en'; dir = 'ltr';
}
p.setAttribute('lang', lang);
p.setAttribute('dir', dir);
});
Demo .请注意,我没有设置 text-align: right
在 CSS 中——一旦元素收到相应的 dir
,它就由浏览器完成值(value)。
关于html - 根据语言 CSS 更改字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25827756/
你知道更好的写法吗 font = font ? font : defaultFont; 我所知道的是: if(!font) { font = defaultFont } 我知道这是一个小工具问
我正在编写代码,但无法编译,即使类(字体)已通过 import javafx.scene.text.*; 导入我知道这个方法font包含在字体中。 这是我的代码: package helloworld
我已经构建了一个按钮,但在格式设置(即平方、内联文本等)方面遇到了问题 我目前的问题是:正文分为2部分- 上线正常-下一行是较大的字体大小 我的动画 react 正确,但文本应该在箭头的顶线和底线内。
好的,所以我想在网页上使用固定系统作为字体。我可以使用 Cufon,但我希望人们能够在鼠标悬停时选择文本并复制它。 有人有什么吗? 最佳答案 我使用 fontsquirrel 的 @font-face
我找到了 iOS 4.2 可用字体列表(链接 here ),但该列表与早期版本的 SDK 略有不同(链接 here )。 我可以很好地更改代码中的字体,但如果我使用 iOS 4.2 列表中可用的字体,
我正在尝试更改 TableView 标题上的字体颜色,其中显示“加利福尼亚/纽约”。我该怎么做? 在黑色背景上,文本需要是白色的,但无法弄清楚这一点。 谢谢 最佳答案 如果您尝试更改标题颜色,可以使用
假设我想使用 java.awt.Graphics.drawString(String str, int x, int y)在某些特定坐标处绘制字符串的方法,例如 (300, 300)。然而drawSt
我想使用Puppeteer从HTML字符串生成图像。现在我有这样的事情: const html = _.template(` Hello {{ test }}!
我正在创建一个游戏。我有一些带有文本的用户界面。最近我们想添加日语版本,但我遇到字体问题。我使用 stb_freetype 来光栅化字体,并且我支持 Unicode,所以这应该不是问题。但大多数字体似
我可以在一个文本区域中使用不同的前景色吗?不同的字体? 我想添加类似“hh:mm:ss 昵称:消息”的内容,时间为灰色,名称 - 蓝色,消息 - 黑色。 最佳答案 我在评论中犯了一个错误:你想要的是
每次我更改字体时,它都会返回到默认大小,即 12,即使我之前使用“ Jade 野”菜单更改它,它每次也只会返回到 12,我的猜测是这样我使用deriveFont()更改大小,但现在没有其他方法可以更改
我的电脑上安装了一种名为“BMW1”的自定义字体。我试图循环遍历此字体中的所有条目并将它们显示在 JTextArea 中。 我有以下代码: JTextArea displayArea = new JT
我尝试通过 Squirrel 理解生成的代码,这里是输出: @font-face { font-family: 'someFont'; src: url('someFont.eot')
我知道有多种方法可以通过 JS/DHTML 动态更改网页的字体属性,或者用 Flash 呈现的字体(使用 sIFR 或 Cufon)替换文本。但是,我找不到任何根据用户选择动态更改网页上使用的字体的好
使用具有非标准样式名称(例如“Inline”或“Outline”)而不是标准样式(例如“Bold”和“Italic”)的字体系列,如何使用 css 选择字体的不同样式? 设置 font-family
我对 html/css 有点陌生,我正在制作我的第一个网站,但我只是想不通一些东西。 首先,我在 dreaweaver 中工作...在 dreaweaver 中,一切看起来都不错,但是当我预览时,我缺
有没有办法在 Allegro5 中只绘制(或显示)图像/字体的一部分? 例如,如果我有一个正方形 A 和一个图像 B,我只想绘制/显示 B 中与 A(在本例中为 C)重叠的部分,我该怎么做? 插图:
所以,我有一个正在生成的报告 html 文件,其中有需要白色文本/字体的黑框。在通用 html 显示中一切都很好,但是当我尝试打印页面时,ctrl + p 或自定义打印功能,文本/字体保持为标准颜色,
我正在尝试制作一个非常适合 LaTeX 文档的 matlab 图形。一个已知的问题是 XTickLabel 和 YTickLabels 不使用 LaTeX 解释器渲染,导致图形不好看。 (注意:我意识
我需要在一个公共(public)位置使用默认颜色和字体,以便在桌面应用程序的多个窗口窗体中使用它。 这方面的最佳做法是什么? 我正在考虑使用应用程序设置在那里定义它们,但我想确保这是推荐的方法或者是否
我是一名优秀的程序员,十分优秀!