前端 中英文 字体样式问题

求前端大神 !!! 一个前端网页 ,有中文版 和 英文版 两个版本 ,怎么 在同一个css样式
下 控制 中文版 和 英文版 不同的 字体样式。

0

1个回答

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
国际化中英文切换,英文内容长度过长的解决问题
说真的,我卡在这里很久了,也查了网上很多前辈的文章与建议;换样式,改样式,改字体等等,有点手酸! 当我把英文版排进资源文件后,测试切换中英文的那种感觉,这酸爽!遇到过这种状况的你应该知道的;好了,我们切入正题,如何解决: (1)将你的排版的<div>你的中英文内容,各种标签的中英文内容</div>的高度去掉,去掉,去掉,三遍了啊!这个就是用内容撑开div标签 我们可以设...
CSS为英文和中文字体分别设置不同的字体
font-family的调用方法: div { font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei; } 根据font-family的原则,假如客户终端不认
CSS:font-family常用字体中英文对照
在实现网页效果时,细节很重要,字体也不例外,CSS:font-family常用字体中英文对照如下: 微软雅黑: Microsoft YaHei 宋体:SimSun 黑体:SimHei 仿宋: FangSong 楷体:  KaiTi 隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong...
前端使用的字体中英文对照
宋体    SimSun 黑体    SimHei 微软雅黑    Microsoft YaHei 微软正黑体    Microsoft JhengHei 新宋体    NSimSun 新细明体    PMingLiU 细明体    MingLiU 标楷体    DFKai-SB 仿宋    FangSong 楷体    KaiTi 仿宋_GB2312    FangSong_GB2312 楷体_...
前端开源:导航中的中英文切换
中英切换导航条 *{padding:0; margin:0;} li{ list-style:none; } a{ text-decoration:none;} .nav{ width:100%; height:40px;background:#222; margin-top:100px; overflow:hidden;} .list{ width:1000px; height:4
前端----css字体设置问题
    今天做项目,需要在手机端显示,由于屏幕较小,因此需要把相应的字体设置得很小(10px),这本来是一个很简单的需求,但是我对字体进行修改的时候,当字体大小低于12px时,字体的大小就不再改变。我自己百度了很多内容,发现问题出在谷歌浏览器上。因为谷歌默认设置字体最小为12px,所以低于12px的字体都不会再缩小。    这个问题的解决方法也很简单,我们没有必要去添加过多的css样式去缩小字体尺...
中英文混排展示的对齐
背景: 统计各种类型的账号并展示,效果图: 账号类型是直接从配置文件读取,故原代码是采用补齐长度进行对齐, 问题来了,开发语言是VB6,VB默认是以Unicode处理编码的。如例"基本:"在VB里长度是3,但是用Ascii来说中文是占2个字符的,实际是5. 在网上找了下,找到一个计算VB字符的占位数的方法: .将string用 strconv转成ascii,再返回字节数。
css font-family常用字体中英文对照表
示范:"microsoft yahei", "Times New Roman", "宋体", Times, serif 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLi
font-family字体中英文对照
微软雅黑: Microsoft YaHei 宋体:SimSun 黑体:SimHei 仿宋: FangSong 楷体:  KaiTi 隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体:FZShuTi 方正姚体:FZYaoti 华文彩云...
前端国际化,用jquery.i18n完成中英文切换
顾名思义,用jquery.i18n首先需要引入jquery。 头部文件如下 //英文js 主要内容: 你好 欢迎 lang-en.js如下: i18n_dict = { "你好": "hellow", "欢迎": "welcome", }; $.i18n.load(i18n_dict); var en = function(
【前端】【html/css】前端学习之路(二):CSS字体样式属性
CSS字体样式属性1.font-size:字号大小    可用相对长度和绝对长度,一般使用相对长度单位px,比较少用绝对长度单位2.font-family:字体    可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体。注意:1. 现在网页中普遍使用14px+。2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。3. 各种字体之...
草泥马字体
张海山草泥马字体~中英文样式
从Web字体谈起——默认字体样式设置
在网页设计中字体的设置不可小觑,好的字体让人赏心悦目,凌乱的字体让人抓狂,如何正确的设置网页中的字体便是今天讨论的话题。在网页设计中字体设置时要考虑到不同系统、不同浏览器、不同渲染方式的字体表现,选择一套合适的字体设置值得深究,为保证各种平台环境中的表现效果兼容性,需要设置一套默认的字体样式。 首先我们来看看各大网站的默认字体样式的设置: Google: font-family: a...
CSS 字体英文
(内容来自网络) CSS font-family 字体 宋体 SimSun(浏览器默认) 黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 Ka...
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋GB2312 FangSongG
css各种字体英文名称
宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312
ttf字体包,包含和所有常用中英文字体,等宽字体,手写字体
包括:times new roman,中山行书百年纪念版,calibri,Christopherhand,DejaVuSansMono,方正兰亭黑,James Fajardo,Monaco,微软雅黑,仿宋,黑体,楷体,宋体,yahei_mono,仿宋_GB2312,楷体_GB2312,迷你简行楷碑。 文件名列表: bb1550.ttf calibri.ttf calibrib.ttf calibrii.ttf calibriz.ttf comesinhandy.ttf DejaVuSansMono-Bold.ttf DejaVuSansMono-BoldOblique.ttf DejaVuSansMono-Oblique.ttf DejaVuSansMono.ttf DroidSansFallback.ttf fonts James_Fajardo.ttf Monaco.ttf msyh.ttf msyhbd.ttf simfang.ttf simhei.ttf simkai.ttf simsun.ttc times.ttf timesbd.ttf timesbi.ttf timesi.ttf yahei_mono.ttf 仿宋_GB2312.ttf 使用方法.txt 楷体_GB2312.ttf 迷你简行楷碑.TTF 使用方法: ==================================================================================================================== ==================================================================================================================== windows: 将所有的ttf文件拷贝到 系统所在分区的windows\fonts 目录下即可 linux: Install and configure Unicode TrueType fonts in Linux Uncompress the downloaded font archive to a directory and add it to the font path, a list of directories containing fonts: 1. Uncompress the archive # tar xvzf utf8.tar.gz or # tar xvjf arial.tar.bz2 2. Create a directory for new fonts # mkdir /usr/share/fonts/truetype 3. Move the uncompressed font files to the new font directory # mv *.ttf /usr/share/fonts/truetype 4. Navigate to the font directory # cd /usr/share/fonts/truetype 5. Create fonts.scale and fonts.dir # mkfontscale && mkfontdir # fc-cache 6. Add the new font directory to the X11 font path # chkfontpath --add /usr/share/fonts/truetype 7. Restart X font server # /etc/rc.d/init.d/xfs restart You can verify the successful addition of the new path by running chkfontpath command or by listing X font server's /etc/X11/XF86Config file. If you do not have root access, copy the *.ttf to ~/.fonts directory instead. Make X11 fonts available to Java Perform one of the following: 1. Open /etc/profile and add a new environment variable JAVA_FONTS=/usr/share/fonts/truetype export JAVA_FONTS 2. Open font.properties file under jre/lib directory, uncommnent and set to the appropriate font directory appendedfontpath=/usr/share/fonts/truetype
美化Visual Studio代码编辑器的字体,使中文和英文使用不同的字体
在中文的系统中,Visual Studio 代码编辑器,在使用英文字体的时候,如果该字体不支持中文,则相应的中文为新宋体。 这种搭配,总是不完美,显示起来,看着别扭,中文会特别的大。   实际上,Visual Studio 是支持给中英文指定不同的字体的。设置方法: 开始--->运行,输入 %AppData%\Microsoft\VisualStudio\9.0\ ,回车,在打开的目...
前端基础学习笔记 字体文本样式和特殊符号
字体样式 字体颜色 color 字体风格 font-family ​ span{ font-family:'微软雅黑','宋体'; } 引入外部字体 @font-face{ font-family:"名称"; src:url(' '); } ​ 字体大小 font-size div{ /*具体的值*/ font-size:50px; /*百分比 相当于父容器的字体百分比调整 浏览器默...
解决Eclipse中英文字体大小设置不协调问题
关于Eclipse中英文字体设置不协调问题,网上也有一些方案,但是我觉得明显过于复杂,其实有很简单的办法,一步就可以搞定的。 步骤如下: 1.Window –> Preferences –> General –> Appearance –> Colors and Fonts,在“Colors and Fonts”中选择“Basic”–>”Text Font”,然后点“...
C#中RichTextBox中英文混输-等宽字体
本文来源于:网易-yindechun163的博客 这个我一直找了很久,一直找不到,今天也算意外之喜了. 微软论坛的解释 /* RichTextBox 中英文混输时,字体宽度不同的解决方式: * RichTextBox默认情况下会根据用户输入的字符来自动设置字体样式, * 要想让输入保持制定的格式需要设置它的LanguageOption属性:RichTextBoxL
前端html——文字水平位置 行高 文字样式
line-height:文字在此行的高度中垂直居中 line-height: 2em;文字内容占2倍行高, em是参照当前文字的实际文字大小 需要设置字体大小,否则为默认高度 text-indent: 2em;——首行缩进两个字符 font-weight: 700;——文字粗细,正常粗细400,加粗700 font-style:italic;——文字倾斜 text-decorati...
关于前端页面需要用到特殊的字体,如果UI给的字体语言内码为中文(gb2312),如何解决?
经常在开发前端页面的时候,都会收到UI设计的要求,要求个别字需要使用到特殊的字体,但是一旦字体内码为简体中文,使用最普通的插入是行不通的。最常见的几种字体格式如下:     Example Source Code    1-.TTF或.OTF,适用于Firefox 3.5、Safari、Opera    2-.EOT,适用于Internet Explorer 4.0+    3-.
Android 自定义字体样式
参考:http://www.2cto.com/kf/201501/367220.html             http://www.xuebuyuan.com/929028.html 一、自定义字体 1.android Typeface使用TTF字体文件设置字体 我们可以在程序中放入ttf字体文件,在程序中使用Typeface设置字体。 第一步,在assets目录下新
英文和中文字体如何合并
需要先有 Font Editor 或 Font Creator 软件,也就是可以生成和修改字体的软件。 然后把英文和数字字体,从 B 字体中拷出来贴到 A 字体中(因为英文和数字的总字数少于中文字体数)
【VS】VSCode设置中英文模式
Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),如何将其显示语言修改成中文。 使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;   修改locale.json文件下的属性“locale”为“zh-CN”; 重启。   如果重启后vscode菜单等仍然是英文显示,在商...
eclipse中英文字体大小相同的设置方法
eclipse中中文字符偏小的解决方法:   1:window  -->  Preferences --> General ---> Appearance --->Colors and Fonts 2:在右侧选择“Terminal Console Font”(最下面的一项) 3:点击“Edit Defaults” 4:字符选择“Consolas”,脚本选择“中欧...
前端使用自定义字体
在样式表,@font-face添加自定义属性 body { } @font-face {     font-family: 'Ni7seg';//名称,引用时读取     src: url('fonts/Ni7seg.ttf') format('truetype');//字体的文件 } <lable style=" font-family: Ni7seg;color: red;font-...
css的中英文对齐
CSS中文英文文字两端对齐 让网页更好看 在制作网页时,把网页排版布局全部做好后,发布内容时,却发现不论是中文、英文文字两端对齐不理想,两边不整齐,让整个网页看起来不怎么好看。 妙用CSS代码,把文字两端对齐是很EASY的。CSS有两个属性是针对文字两端对齐的,我们只要把它放在需要文字两端对齐的CSS类或id里就可以了。 CSS中文英文文字两端对齐使用实例:
前端字体设置
转自http://ai5886.blog.163.com/blog/static/3839809201282092217717/
Vue-i18n,非常好用的前端国际化插件,智能切换中英文
在项目的开发过程中,很多时候,项目都需要进行国际化,如果项目是基于Vue框架开发的,那国际化就更加简单了,可以通过Vue-i18n的插件进行前端页面的国际化,下面是主要的步骤: 1、安装依赖包 npm install vue-i18n --save 2、在main.js入口进行vue-i18n的引入 import VueI18n from 'vue-i18n' Vue.use(VueI...
对于web中导入自定义字体
在CSS中通过@font-face属性来实现网页中嵌入特殊字体。 首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。 .EOT,适用于Internet Explorer 4.0+ .TTF或.OTF,适用于Firefox 3.5、Safari、Opera .SVG,适用于Chrome、IPhone 最常见的是.
前端css知识大全——解读浏览器默认样式
希望能给大家带来一些启发。没有解读到的就是一些比较容易理解的,或者不常用的(例如打印的样式设置),可以直接去看看源码。
二十款漂亮的CSS字体样式,让你受用非浅
样式一:body {margin:0;padding:0;line-height:1.5em;font-family:"Times New Roman",Times,serif;font-size:14px;color:#000000;background:#f2e7ca url(images/templatemo_body.jpg) top center no-repeat;} 样式二: ...
12网页前端CSS——CSS字体属性
一:字体属性 1:font-size:设置字体尺寸,字体大小 2:font-family:设置文本的字体名称序列,一般字体引用可以不加引号,如果字体包含了空格,数字,或者符号则需加上引号,避免引发错误。  字体存放路径:C:\Windows\Fonts 3:font-style:设置或检索对象中的文本字体样式       normal:指定文本字体样式为正常的字体        ital...
中文,英文和数字的字体设置问题
调UI的时候遇到这么个奇葩的问题,是这样的,我一个label上显示有字,其中包含英文,中文和数字,我设置字体后很明显显示的不一样,因为是在cell中加的嘛,所以调试来调试去,做了很多工作,后来实在是感觉代码没问题,我就问了老大,老大看了代码后也确实没找到什么代码问题,这就奇葩了,我就又问了问UI,终于解决了,原来是这样的,中文,英文,数字都设置为同一种字体后,显示出来的效果是很明显的,中文会比英文
html页面如何实现中英文切换
html页面如何实现中英文切换
HTML和CSS中如何设置中文字体
你是不是也遇到过这个问题:在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢?下面就来解决这个问题。     用font-family:字体英文名 即可。   fon标记是HTML里最常用的文字格式控制标记,通过改变font标记的属性可以改变文字的大小颜色字体等,但在XHTML里font标记应用比较少。 font标记的最主要属性有如下三个:   fa
前端引用字体
比如引用icomoon.io网上免费的字体:1.选中需要的免费的字体:双击即选中,再次点击即取消2.下载这些选中的字体:点击最下面的按钮:,点击即可看到你选中的字体:点击Download按钮即下载,等待下载完即下载完成3.在页面引用,在你的项目创建font文件夹,将下载的资源里面中的fonts文件夹中的文件全部复制到你创建的font文件夹中,将style.css文件夹全部复制到你的全局样式中(记得...
qt多种字体格式并用
void curFmtChanged(const QTextCharFormat &fmt); //需要在头文件定义的slot函数,用于改变字体。 connect(msgTextEdit,SIGNAL(currentCharFormatChanged(QTextCharFormat)),this,SLOT(curFmtChanged(const QTextCharFormat))); //将Te
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 中英文课程描述数据库 中英文课程描述数据库