精华内容
下载资源
问答
  • 在项目中需要设置textarea中的字体为斜体,可是发现无效 然后想可能是在webview下某些CSS影响了italic 一行一行删掉之后,找到了罪魁祸首”text-rendering" 我再css中设置了 ...只要把这个属性去掉就可以解决问题了。...

    在项目中需要设置textarea中的字体为斜体,可是发现无效

    然后想可能是在webview下某些CSS影响了italic

    一行一行删掉之后,找到了罪魁祸首”text-rendering"

    我再css中设置了

    html{text-rendering:optimizeLegibility}

    只要把这个属性去掉就可以解决问题了。


    下面看看text-rendering这个是干什么用的。

    CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本。 浏览器会在渲染速度、易读性(清晰度)和几何精度方面做一个权衡。 

    它的值如下:

    auto: 
    当绘制文本时,浏览器会进行智能识别,何时应该从速度、清晰度和几何精度方 面进行优化。关于各浏览器对该属性解释的差别,参见下面的兼容性表格。 

    optimizeSpeed: 
    当绘制文本时,浏览器会着重渲染速度,而不是清晰度和几何精度。该属性值不 能用于字距调整和连字。Gecko默认开启该属性,Firefox 是默认20px以下开启该属性。 

    optimizeLegibility: 
    当绘制文本时,浏览器会侧重文本的可读性(清晰度),而不是渲染速度和几何 精度。该属性值可以用于字距调整和连字。 
    使 用CSS 3的@font-face来渲染文字的情况越来越多,易读性开始被关注和重视。尤其是小号的文字。由于目前还没有CSS属性控制显示在线字体的微妙细 节,Safari 5,Chrome和Webkit系列浏览器支持text-rendering启用kerning 和 ligatures。 
    Gecko 和WebKit 浏览器处理这个属性的方式很不一样。前者默认启用这个特性, 而后者,你需要将其设置为optimizeLegibility。Firefox默认20px以上字体文本会开启该属性。 


    geometricPrecision: 
    当绘制文本时,浏览器会着重几何精度,而不是清晰度和渲染速度。字体的某些 方面,比如字间距并不是按照线性比例进行渲染的,因此该属性可以使得设置为 这些字体的文本看起来很整洁。

    展开全文
  • 设置字体同时为粗体、斜体

    千次阅读 2019-09-29 04:44:12
    设置字体样式操作比较简单,如下语句: FontStyle style = FontStyle.Bold; 即可设置字体样式为粗体。当需要设置字体样式同时具有多种风格时,可以采用按位或来...设置字体样式同时具有粗体和斜体风格:style |= ...
    设置字体样式操作比较简单,如下语句:
    FontStyle   style   =   FontStyle.Bold;   
    即可设置字体样式为粗体。当需要设置字体样式同时具有多种风格时,可以采用按位或来处理,首先定义一个样式变量:
    FontStyle   style   =   FontStyle.Regular;  
    设置字体样式同时具有粗体和斜体风格:
    style   |=   FontStyle.Bold;   
    style   |=   FontStyle.Italic;

    如果是需要移除某种风格则可以采用如下语句:   
    style-=FontStyle.Italic; //取消斜体风格
    其他风格如下划线、删除线等操作与此类似。

    转载于:https://www.cnblogs.com/RoyYu/p/3391918.html

    展开全文
  • <s>删除线1</s> <del>删除线2</del> <u>下划线</u> <ins>下划线</ins> <i>倾斜1</i> <em>倾斜2</em> <...b>...

    <s>删除线1</s>
    <del>删除线2</del>
     

    <u>下划线</u>
    <ins>下划线</ins>
     

    <i>倾斜1</i>
    <em>倾斜2</em>
     

    <strong>加粗1</strong>
    <b>加粗2</b>

    &yen;

     <a href="chun.html">春意绵绵</a>
     <a href="xia.html">夏日炎炎</a>
     <a href="qiu.html">秋风瑟瑟</a>
     <a href="dong.html">冬雪皑皑</a>
     <a href="ok.html">新来的网页</a>
     <p><img src="images/qiu.jpg" width="1000" alt=""></p>

    以前我以为,href只有跳转一个超链接,原来可以是另一个HTML。

    目录的引入:
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
        搜狐  
        <a href="http://www.sina.com">新浪</a>
        天气预报:
           <a href="me.html">点击</a>


    ------------------------------------------------------------------------------------------------------
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <base  target="_blank" />
        <!-- 把所有的连接 都默认添加 target="_blank" -->
    </head>
    <body>
        友情链接:

        <a href="http://www.baidu.com">百度</a>         一定要加http://
        <a href="http://www.baidu.com">新浪</a>
        <a href="http://www.baidu.com">搜狐</a>
        <a href="http://www.baidu.com" target="_self">谷歌</a>
    </body>
    </html>

    展开全文
  • web设置字体粗细cssFont variations is a new set of features defined as part of the OpenType specification. It allows for font files to contain multiple variation of a font within a single file, called ...

    web设置字体粗细css

    Font variations is a new set of features defined as part of the OpenType specification. It allows for font files to contain multiple variation of a font within a single file, called a variable font. This in turns allows the use of one font file on the web that can achieve multiple font styles.

    字体变化是作为OpenType规范的一部分定义的一组新功能。 它允许字体文件在单个文件中包含字体的多种变体,称为可变字体。 这又允许在网络上使用一个字体文件,该文件可以实现多种字体样式。

    On top of the obvious savings in turns of data that needs to be sent over the wire to display the text on a page, variable fonts enable features such as animating or transitioning font styles and custom font styles, both of which are not possible with static fonts.

    除了可以通过导线发送以在页面上显示文本所需的大量数据转换外,可变字体还支持动画或过渡字体样式和自定义字体样式等功能,而静态字体则无法实现字体。

    Let’s go over some examples of using a variable font, and then break down how to use them on the web today.

    让我们来看一些使用可变字体的示例,然后详细介绍如何在今天的网络上使用它们。

    可变字体示例 (Variable Font Examples)

    Note that you’ll need to use a supporting browser to properly view the examples below.

    请注意,您需要使用支持的浏览器来正确查看以下示例。

    源无变量 (Source Sans Variable)

    Source Sans is a popular free font that now comes with in a variable version. Hover over the text to see how the value for font-weight can be transitioned:

    Source Sans是一种流行的免费字体,现在带有可变版本。 将鼠标悬停在文本上可以查看如何更改font-weight的值:

    See the Pen XWdaGLZ by alligatorio (@alligatorio) on CodePen.

    请参阅CodePen上的alligatorio ( @alligatorio )提供的Pen XWdaGLZ

    And this is achieved using some very simple CSS rules:

    这是通过一些非常简单CSS规则实现的:

    @font-face {
      font-family: 'Source Sans';
      src: url('/assets/fonts/variable/SourceSansVariable-Roman.ttf') format("truetype-variations");
      font-weight: 1 999;
    }
    
    .source-sans, .source-sans2, .source-sans3 {
      font-family: 'Source Sans';
      transition: font-weight .45s ease-out;
    }
    
    .source-sans:hover, .source-sans2:hover {
      font-weight: 999;
    }
    .source-sans3:hover {
      font-weight: 200;
    }


    自定义字体样式 (Custom font styles)

    Here are some examples all using the same font, Decovar, a variable font that defines custom axes and allows for unique and stylized text:

    以下是一些使用相同字体Decovar的示例 ,该字体是定义自定义轴并允许唯一且样式化的文本的可变字体:

    See the Pen RwaZdXX by alligatorio (@alligatorio) on CodePen.

    请参阅CodePen上的alligatorio ( @alligatorio )提供的Pen RwaZdXX

    And here’s the CSS rules used for that:

    这是用于此CSS规则:

    @font-face {
      font-family: Decovar;
      src: url('/assets/fonts/variable/DecovarAlpha-VF.subset.ttf') format("truetype-variations");
    }
    
    .decovar, .decovar2, .decovar3 {
      font-family: Decovar;
    }
    
    .decovar {
      color: var(--green3);
      font-variation-settings: "BLDA" 506.944, "TRMC" 1000, "TRMK" 324.653;
    }
    .decovar2 {
      color: hotpink;
      font-variation-settings: "WMX2" 580.838, "TRMB" 1000;
    }
    .decovar3 {
      color: rebeccapurple;
      font-variation-settings: "TRMF" 159.18, "TRME" 1000;
    }


    Now that you’ve seen some real-life examples, let’s go over some of the concepts and how to make use of variable fonts in your own web pages.

    既然您已经看到了一些真实的示例,那么让我们来看一些概念以及如何在自己的网页中使用可变字体。

    字体轴 (Font Axes)

    Variable fonts define their variations though axes of variation. There are 5 standard axes:

    可变字体通过变体轴定义其变体。 有5个标准轴:

    • ital: Controls the italics. The value can be set using the font-style CSS property.

      ital :控制斜体。 可以使用font-style CSS属性设置该值。

    • opsz: Controls the font’s optical size. The value can be set using the font-optical-sizing CSS property.

      opsz :控制字体的光学尺寸。 可以使用font-optical-sizing CSS属性设置该值。

    • slnt: Controls the slant of the font. The value can be set using the font-style CSS property.

      slnt :控制字体的倾斜度。 可以使用font-style CSS属性设置该值。

    • wght: Controls the font’s weight. The value can be set using the font-weight CSS property.

      wght :控制字体的粗细。 可以使用font-weight CSS属性设置该值。

    • wdth: Controls the font’s width. The value can be set using the font-stretch CSS property.

      wdth :控制字体的宽度。 可以使用font-stretch CSS属性设置该值。

    Fonts can also specify custom axes, and these need to have a 4-letter uppercase name instead of the 4-letter lowercase names of the standard axes. The Decovar font demoed above is a prime example of a font using a multitude of custom axes.

    字体也可以指定自定义轴,并且这些字体必须具有4个字母的大写字母名称,而不是标准轴的4个字母的小写字母名称。 上面演示的Decovar字体是使用多个自定义轴的字体的主要示例。

    The standard axes can be set with well-known CSS properties (e.g.: wdth is set with font-weight), and the new CSS font-variation-settings is used to control the values for axes otherwise.

    可以使用众所周知CSS属性设置标准轴(例如, wdth设置为font-weight ),否则,将使用新CSS font-variation-settings控制轴的值。

    For example, here we define a style for the NobotoFlex variable font:

    例如,在这里我们为NobotoFlex可变字体定义样式:

    h1 {
      font-variation-settings: "BASE" 500, "SPAC" 200, "wght" 322, "HEIG" 456;
    }

    Which could have alternatively been defined like this:

    也可以这样定义:

    h1 {
      font-weight: 322
      font-variation-settings: "BASE" 500, "SPAC" 200, "HEIG" 456;
    }

    It’s a good idea to use the native CSS properties for the axes that have one.

    对具有一个的轴使用本机CSS属性是一个好主意。

    Note that fonts don’t have to implement all 5 standard axes, and instead you should consult the documentation of the font to know what axes you can control.

    请注意,字体不必全部实现5个标准轴,而是应查阅字体的文档以了解可以控制的轴。

    Note also how font-weight can take values anywhere between 1 and 999, compared to the 100-value increments we’re used to.

    还请注意,与我们过去习惯使用100值的增量相比, font-weight如何可以采用介于1到999之间的值。

    通过@ font-face使用可变字体 (Using Variable Fonts with @font-face)

    Using variable fonts on the web involves defining @font-face rules that point to the variable font files. The following is a brief overview of how it’s done, but for there are a few caveats you may want to learn about for cross-browser support.

    在网络上使用可变字体需要定义指向可变字体文件的@ font-face规则 。 以下是其完成方式的简要概述,但是对于跨浏览器支持,您可能需要了解一些注意事项

    Here for example we define two version for the Source Sans font family, one regular and one bold. Both versions make use of the same variable font file, but different font files as a fallback for browsers that don’t support variable fonts:

    例如,在这里我们为Source Sans字体家族定义了两个版本,一个为常规字体,另一个为黑体。 对于不支持可变字体的浏览器,这两个版本都使用相同的可变字体文件,但使用不同的字体文件作为后备:

    @font-face {
      font-family: 'Source Sans';
      src: url('/path/to/SourceSansVariable.woff2') format("woff2-variations");
      src: url('/path/to/SourceSans.woff2') format("woff2");
      font-weight: 400;
    }
    
    @font-face {
      font-family: 'Source Sans';
      src: url('/path/to/SourceSansVariable.woff2') format("woff2-variations");
      src: url('/path/to/SourceSansBold.woff2') format("woff2");
      font-weight: 900;
    }

    And it can now be used within your CSS rules as usual:

    现在,它可以照常在您CSS规则内使用:

    h1 {
      font-family: 'Source Sans';
      font-weight: 900;
    }
    
    h2 {
      font-family: 'Source Sans';
      font-weight: 400;
    }


    You can also specify a range in your @font-face rules, to retain the ability to use all the possible values within your regular CSS rules:

    您还可以在@ font-face规则中指定范围,以保留使用常规CSS规则中所有可能值的能力:

    @font-face {
      font-family: 'Source Sans';
      src: url('/path/to/SourceSansVariable.woff2') format("woff2-variations");
      src: url('/path/to/SourceSans.woff2') format("woff2");
      font-weight: 1 999;
    }

    With the above, we can now use any value between 1 and 999 for the font-weight property. Non-supporting browsers will use a font-weight value of normal.

    通过上面的操作,我们现在可以使用1到999之间的任何值作为font-weight属性。 不支持的浏览器将使用normal的font-weight值。

    可用字体 (Available Fonts)

    You can find and play with most of the currently available variable fonts on V-fonts.com. A few notable Open Source ones are Barlow, Mutador Sans, Source Sans, Amstelvar and Cabin VF.

    您可以在V-fonts.com上找到并使用大多数当前可用的可变字体。 一些Mutador Sans开源软件包括BarlowMutador SansSource SansAmstelvarCabin VF

    Some are also available through Google Fonts as early access fonts.

    有些还可以通过Google字体作为抢先使用字体获得

    TTF转WOFF2 (TTF to WOFF2)

    Font files will often be provided in the TrueType format (ttf), but for the web it’s a much better idea to compress the font file to the WOFF2 format, to save on space. You can use a tool like FontTools to compress a font file as WOFF2. More user-friendly GUI or online tools will surely become available really soon.

    字体文件通常以TrueType格式( ttf )提供,但是对于Web来说,将字体文件压缩为WOFF2格式是一个更好的主意,以节省空间。 您可以使用诸如FontTools之类的工具将字体文件压缩为WOFF2。 肯定会很快提供更多用户友好的GUI或在线工具。

    浏览器支持 (Browser Support)

    Support for variable fonts is already pretty good, so in theory you can start using them today. There are a few caveats with support however, and some things are still being ironed-out for their usage within CSS as part of the CSS Fonts Module Level 4. Here’s a nice summary what’s still in flux at the moment.

    对可变字体的支持已经相当不错了 ,因此从理论上讲,您今天就可以开始使用它们了。 但是,有一些警告需要支持,并且作为CSS Fonts Module Level 4的一部分,仍需要解决一些在CSS中使用它们的问题。 这是一个很好的总结 ,目前仍在变化中。

    资源和工具 (Resources and Tools)

    Here’s some further reading material if you want to expand your understanding of using variable fonts on the web:

    如果您想加深对在网络上使用可变字体的理解,请阅读以下一些阅读材料:

    And here are two tools that allow you to easily test out and find variable fonts:

    这是两个工具,可让您轻松测试并查找可变字体:

    翻译自: https://www.digitalocean.com/community/tutorials/css-variable-fonts

    web设置字体粗细css

    展开全文
  • opentype字体下载In this blog I’ve looked at various options for advanced web typograph: some of them used to increase legibility, others purely decorative. Swashes and alternate styles definitely ...
  • 在CSS中,可以通过设置font-style属性的值为italic(斜体)、oblique(倾斜字体)来让字体样式为倾斜样式。font-style属性指定文本的字体样式。属性值:normal:默认值。浏览器显示一个标准的字体样式。italic:浏览器会...
  • 字体加粗*{margin:0;padding:0;}p{text-align:center;margin:16px0;}em{font-style:normal;}p.strong:nth-child(1){font-weight:normal;}p.strong:nth-child(2){font-weight:bold;}p.strong:nth-child(3){font-...
  • HTML常用字体样式设置(加粗、下划线、斜体
  • css设置字体斜体,在css中,斜体怎么设置在css中设置字体使用font-style:italic; normal 默认值。浏览器显示... html怎么设置字体想用CSS设置字体样式,首先得了解CSS 字体属性,CSS 字体属性可以定义文本的字体...
  • latex 文本斜体HTML is designed to be as independent of medium and client as possible. While you interact with the majority of web pages visually via a screen, there are numerous other possibilities ...
  • 原标题:web前端基础教程:各种html字体标记源码(加粗、斜体、大小等)各种html字体标记Creation of Webpage Creation of ebpage Creation of ebpage Creation of ebpage Creation of Webpage 字母均以固定宽度显示。...
  • 让文字倾斜是我们日常生活中经常遇到的问题,前一段时间遇到了,所以就总结了一下,希望对大家以后有所帮助,感兴趣的朋友可不要错过了哈
  • 设置文字的字体 属性:font-family ...例如:italic(斜体),这个赋值时不用加"" 设置文字的加粗效果 属性:font-weight 值 例如:bold(加粗),normal(普通的,不加粗) 设置英文字母大小写转换 属性:t...
  • HTML 粗体与斜体

    2021-01-18 16:58:22
    一、粗体标签<br> </br> <html> <head> <title>粗体</title> </head> <body> <...二、斜体标签<i> </i> <html> <hea
  • 什么是使文本斜体的正确方法?我看到以下四种方法:Italic TextItalic TextItalic TextItalic Text< i>这是“老方式”。 < i>没有语义意义,只传达使文本倾斜的表现效果。据我所知,这显然是错误的,...
  • [html] 如何去除标签默认斜体? font-style: normal; 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
  • } style> head> <body> 设置字体大小、样式及字体名称h3> <hr> 字号大小20px、字体正常、宋体p> 字号大小200%、字体斜体、隶书p> 字号大小x-small、字体歪斜体、宋体p> 字号大小xx-large\字体歪斜体、黑体p> body> ...
  • web

    2016-04-07 00:30:34
    web 学习一 #HTML 拥有关于对齐方式的附加信息。 标签在 HTML 页面中创建水平线,用法类似于。 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的...
  • 在字符串首尾各加一个 * 号,代表斜体,各加两个星号代表加粗,三个星号代表斜体并加粗。 注意: 星号必须与字符串的首位两个字符紧贴,不能有空格 *我是斜体* **我是加粗** ***我又粗又斜*** ~~哈哈哈这是删除~~ ...
  • Blink,EdgeHTML,Gecko,KHTML,Trident,WebCore,WebKit等,空闲时可以了解一下。 不同的浏览器解析代码是有差别的,要多关注兼容性问题。 原文:https://www.cnblogs.com/kemingli/p/13252052.html
  • WEB控件

    千次阅读 2004-10-30 16:21:00
    web控件确与我们平常见到的有很大的出入,不知道大家还记不记得我说过的一句话,那就是ASP.net的程序就像是写VBVC中的窗口,先再这些窗口中加入我们的需要的控件,然后再对这些控件进行操作。如果你学过一点点VBVC...
  • Web-拾贝

    千次阅读 2018-03-10 13:45:55
     table 的 td 的width 为0 的话, padding(left, right) 的设置了值的话, 在IE 和Chrome 下的显示效果是不一样的。 在Chrome中的可能会有一个宽度。 在jsp 中 使用request.getHeader("User-Agent"); IE: Mozilla...
  • css: 使用web字体

    2018-03-16 15:40:00
    @font-face{  font-family:"" ;  src:url();  src:url(); ...@font-face 的作用是告知浏览器,添加了web字体,从而可以为元素设置字体。...为web字体设置斜体样式 --- font-style:italic font-style:norma...
  • 然后只需要将pdf font name设置成相应字体的粗体或斜体文件即可。 (中文的一些粗体斜体不好找) 2011-05-18补充:最近下载了新版的ireport,发现正如我所预想的那样:导入字体时分别要导入字体的粗体和斜体。 不...
  • 在网页中,有时候需要为文字设置粗体,斜体或下划线效果,这就需要HTML中文本格式化标签。 标签语义:突出重要性,比普通文字更重要!! 语义 标签 加粗 < strong >< /strong >或者< b>&...
  • Web前端 | CSS文本属性

    2019-08-22 15:43:04
    字体相关1)设置字体大小2)设置字体粗细程度3)设置斜体4)设置字体名称5)字体属性简写2. 文本样式1)文本颜色2)文本装饰线3)文本内容的水平对齐方式4)行高 文本属性 1. 字体相关 1)设置字体大小 font-size:...
  • 【常见Web应用安全问题】 Web应用程序的安全性问题依其存在的形势划分,种类繁多,这里不准备介绍所有的,只介绍常见的一些。  常见Web应用安全问题安全性问题的列表:  1、跨站脚本攻击(CSS or XSS...
  • 看这玩意复习你还会挂科?《web开发1篇》

    万次阅读 多人点赞 2020-01-14 16:51:39
    #第一章 Web基础知识 Web开发基本概念 1、万维网是一个由许多相互链接的超文本组成的系统,通过互联网访问。 2、web:worldwideweb,万维网,简称web,www,通常称为网页。 3、web开发:进行网页页面制作及其...
  • 在一个声明中设置所有的字体属性 font-family 指定文本的字体系列 font-size 指定文本的字体大小 font-style 指定文本的字体样式 font-variant 以小型大写字体或者正常字体显示文本。 font...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,535
精华内容 9,414
关键字:

web设置斜体