标签: typography

CSS webkit 图像遮罩不起作用

我正在尝试遵循一些有关应用蒙版的教程,但是每当我将任何内容应用于 h1 时,所有文本都会完全消失。我尝试过使用图像蒙版和渐变,但同样的事情发生了。

<h1 id="site-name">
    <a href="/" title="Home"><span>The Biospheric Project</span></a>
</h1>
Run Code Online (Sandbox Code Playgroud)

CSS 使用渐变

<h1 id="site-name">
    <a href="/" title="Home"><span>The Biospheric Project</span></a>
</h1>
Run Code Online (Sandbox Code Playgroud)

css webkit typography

3
推荐指数
1
解决办法
3117
查看次数

在 Material UI Typography 中将内容与变体作为标题对齐到中心

我有两个带有默认变体和标题变体的版式元素。如何将具有align="center"变体属性的内容作为标题居中,因为这似乎不起作用。

  render() {
    return (
      <div>
        <Typography align="center">Centered text</Typography>
        <Typography color="textSecondary" variant="caption" align="center">A Caption!</Typography>
      </div>
    );
  }
Run Code Online (Sandbox Code Playgroud)

我使用StackBlitz创建了一个工作示例。有人可以帮忙吗?

javascript css typography reactjs material-ui

3
推荐指数
1
解决办法
2526
查看次数

当所有版式变体都是“rem”时,fontSize 主题设置的目的是什么?

Material UI Typography 设置的文档(https://mui.com/material-ui/customization/typography/)令人困惑并且没有真正的意义:

MUI 使用 rem 单位作为字体大小。浏览器元素默认字体大小为 16px,但浏览器可以选择更改此值,因此 rem 单位允许我们适应用户的设置,从而获得更好的可访问性支持。用户出于各种原因更改字体大小设置,从视力不佳到为尺寸和观看距离差异很大的设备选择最佳设置。

要更改 MUI 的字体大小,您可以提供 fontSize 属性。默认值为 14 像素。

那么是哪一个呢?它使用 REM 还是使用字体大小作为版式变体的基础?如果您查看默认主题(https://mui.com/material-ui/customization/default-theme/?expand-path=$.typography),则所有变体都应该使用rem——文档甚至讨论了在 中自定义此值htmlFontSize

所以我真的很难理解fontSize主题设置的用途/目的?

typography reactjs material-ui

3
推荐指数
1
解决办法
8518
查看次数

除了<script>标签之外,我应该删除哪些内容以确保用户输入的HTML是安全的?

我有一个应用程序,重新处理HTML,以便做出漂亮的排版.现在,我想把它放在网上让用户输入他们的文字.所以这就是问题:我非常确定我想要删除SCRIPT标签,以及关闭像</ form>这样的标签.但是我应该删除什么以使其完全安全?

html security typography

2
推荐指数
2
解决办法
503
查看次数

@ font-face在Firefox中不起作用(但完全相同的代码适用于其他网站)

我有两个网站使用相同的@ font-face代码.字体文件托管在各自的站点上,路径正确.

一个工作,一个不工作.(当然,它适用于我的个人网站,而不是客户!)

我真的很感激对此的一些新观点!

工作地点:

该网站:http://example.com/

CSS文件:http://365.example.com/index.php? css = photos/style.v.1275845154

相关代码:

@font-face {
    font-family: 'JournalRegular';
    src: url('./themes/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('./themes/fonts/journal.ttf') format('truetype');
 }
body{
    background: url("http://labs.example.com/personal/library/images/BG.jpg");
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'JournalRegular', Georgia, 'Times New Roman', Times, sans-serif;
    color: #999;
 }
Run Code Online (Sandbox Code Playgroud)

它不工作的地方:

该网站:http://www.example.org/

CSS文件:http://www.example.org/wp-content/themes/theme/style.css

相关代码:

@font-face {
    font-family: 'JournalRegular';
    src: url('http://example.org/wp-content/themes/theme/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('http://example.org/wp-content/themes/theme/fonts/journal.ttf') format('truetype');
 }
.title h1{
    float:left;
    background:url(images/blt-ttl1?.png) no-repeat 0 4px; …
Run Code Online (Sandbox Code Playgroud)

css fonts typography font-face

2
推荐指数
1
解决办法
9267
查看次数

蓝调对于Type 1字体意味着什么?

我无法理解Type 1字体规​​范的蓝调部分.你能用一些例子来向我解释一下过度抑制的执行或停止吗?

fonts typography postscript

2
推荐指数
1
解决办法
646
查看次数

用于双倍高度文本的css和用于字体样式的双倍宽度文本

任何人都可以帮助我在css中使用字体样式(如点阵打印机)中的双倍高度文本和双倍宽度文本而不使用任何图像.

除此之外的任何代码?

heading{
   font-weight:bold; 
   width:200%;
}
Run Code Online (Sandbox Code Playgroud)

我的期望如下.

在此输入图像描述

谢谢.

css printing html5 fonts typography

2
推荐指数
1
解决办法
6478
查看次数

2
推荐指数
1
解决办法
5573
查看次数

标签和UIFont上的ios 7排版

我有以下代码:

UILabel *registerLabel = [ [UILabel alloc ] initWithFrame:CGRectMake(20.0, 90.0, [self screenWidth], 43.0) ];
registerLabel.textAlignment =  NSTextAlignmentLeft;
registerLabel.textColor = [UIColor whiteColor];
registerLabel.backgroundColor = [UIColor blackColor];
registerLabel.font = [UIFont fontWithName:@"Helvetica Neue" size:(20.0)];
//registerLabel.adjustsFontSizeToFitWidth = YES;
registerLabel.text = @"Register";
Run Code Online (Sandbox Code Playgroud)

但我在一些ios 7演示应用程序(如日历)中看到字体很大但更薄.我尝试使用Helevetica Neue Light,但这不起作用.有没有办法让字体变薄或使用什么字体?

fonts typography uifont ios ios7

2
推荐指数
1
解决办法
1826
查看次数

Bootstrap排版和字体大小不会改变

<BODY>
<nav class="navbar navbar-default">
<div class="container-fluid">
    <div class="navbar-header col-xs-3 col-md-3">
        <a class="navbar-brand" href="#">My Brand</a>
    </div>
    <div class="col-xs-9 col-md-9">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
</div>
</nav>
</BODY>
Run Code Online (Sandbox Code Playgroud)

这是一个导航栏,我写了一些纯文本.我希望在更改分辨率时更改font-size.但字体大小始终保持不变.当分辨率或屏幕尺寸发生变化时,如何自动更改字体大小?

resize typography font-size twitter-bootstrap

2
推荐指数
1
解决办法
7102
查看次数