标签: typography

我正在编写一段处理数学变量和索引的代码,我需要在CLI上打印下标和上标,有没有(可能是跨平台的)方法呢？我在使用vanilla C++工作.

注意:我希望这是跨平台的,但是从第一个答案开始,这似乎不可能我在MacOS和Ubuntu Linux下工作(所以bash).

谢谢

很长一段时间以来,我注意到line-height在段落之间调整和添加一些相对于所选内容的额外空间font-size会对网站内容的可读性产生巨大影响,但到目前为止,我总是为这些属性选择ad-hoc值.

在排版,出版或心理学文献中是否有关于如何相对于彼此调整这些属性的值的建议？

我的HTML文本是这样的:

<p>abcdefghijklmnopqrstuvwxyz</p>

我想要的是显示使用"Times New Roman",并使用"Courier New"显示oz,这应该使用CSS完成,比如说,不改变HTML文本.

简单地说,我希望CSS 自动选择与其所属字符对应的指定字体.
应使用"Times New Roman"显示;
使用"Courier New"显示oz shoule.

有没有办法实现这个目标？

如果可以解决这个问题,可以解决另一个问题:使用不同的字体显示不同的语言.

我一直在研究自己的位图字体渲染器,虽然我相信我的字符间距可能正确,但我不确定如何确定字符的y位置.例如,如果字母'a'的位置为0,那么'*'或','会有什么？我一直在使用winapi函数GetCharABCWidthsFloatW来确定字符之间的间距,是否有另一个函数我可以用来确定某种类型的偏移？

我在我的位图图像上做得最好,所以它们的大小并不总是一样.

有没有办法逐渐从普通文本转换为斜体字,每个字符都会略微改变倾斜角度？

我试图在视觉上看到align2个(或更多)块的内容的顶部Text.所述内容和所述Font(Size,Family,Weight各块的)可以通过用户修改.

我试图用玩GetCellAscent,GetCellDescent和GetLineSpacing功能,但结果只取决于字体,而不是真正的内容.反正我怎么都找不到分布之间的差异LineSpacing,并Ascent+ Descent在该块的顶部和底部.

例如,我想生成这种输出:

有帮助吗？

我一直在挖掘很多关于黄金比例和模块化比例的文章,试图了解排版在技术层面的运作方式.我不能说我完全理解它,但现在我对Zurb的基金会4更加困惑.

在他们的文档中,他们已经声明他们不再依赖/使用模块化比例来排版.所以我很想知道他们是如何想出这些数字的,尤其是他们的标题元素.

例如:这是他们的标题在他们的_type.SCSS中的写法

$h1-font-size:                         emCalc(44px) !default;
$h2-font-size:                         emCalc(37px) !default;
$h3-font-size:                         emCalc(27px) !default;
$h4-font-size:                         emCalc(23px) !default;
$h5-font-size:                         emCalc(18px) !default;
$h6-font-size:                         1em !default;

// Also...

$paragraph-font-size:                  1em !default;

我的问题;

1. 他们是如何得出这些价值的,以及他们如何在数学上相互联系？Docs似乎没有具体说明它是如何工作的.

2. 我想将段落字体大小(基线？)更改为18px(1.125em)而不是16px(1em) - 我将如何计算标题元素,以便它们是合适的/数学上合理的距离？

3. 我是否正确地假设更改标题大小从选择正文字体大小开始,然后从那里计算？

我非常感谢有关这个主题的任何建议,我不是最具数学思想的人,所以......要温柔.

谢谢!

在过去,我使用了Font Custom和IcoMoon等工具来创建webfonts,用于各种Web应用程序,就像使用Font Awesome一样.

但是似乎没有一种解决方案可以在Windows下本地运行.Font Custom依赖于Windows上不可用的库,而IcoMoon不提供批处理/本地处理方式.

有没有一种在Windows上执行此操作的好方法,或者还没有解决方案？

如果可以通过Grunt或Visual Studio构建步骤完成,则可以获得奖励积分.

我试图将我的传奇元素的某些部分改为斜体。我已经能够使用此OP中的答案来获取要斜体化的子集，但这会在文本显示方式方面造成问题。

以下是数据（略作修改）：

Behaviour   Repeatability   Age stage
Activity    0.1             PE  A
Activity    0.5             PE2 A
Activity    0.5             PW  B
Activity    0.5             A   C
Activity    0.4             A2  C
Activity    0.4             PW1 B
Aggression  0.2             PE  A
Aggression  0.3             PE2 A
Aggression  0.3             PW  B
Aggression  0.4             A   C
Aggression  0.3             A2  C
Aggression  0.0             PW1 B

这是情节（不带斜体）：

当我尝试斜体是基于这个括号中的图例文本的解决方案，该地块被搞砸：

下面是我用来获取该图的代码（减去不需要的格式）：

ggplot(df, aes(x = stage, y = Repeatability, shape = …

我正在尝试在Material-UI主题的React应用程序中导入并使用Yellowtail字体（来自Google字体）。

据我所知，所有谷歌字体都在npm上，我已经安装了它，

npm install typeface-yellowtail-保存

命令。

我已将其导入App.js，并将其放在主题的字体系列部分中，并将主题传递给MuiThemeProvider，但它不起作用。我错过了什么？

这就是我在App.js中的内容（标题包含带有一些网格的AppBar，正文仅包含用于测试的h1文本）

import React, { Component, Fragment } from 'react';
import Header from './Components/Layouts/Header';
import AppBody from './Components/Layouts/AppBody';
import Footer from './Components/Layouts/Footer'; 
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core';
import 'typeface-yellowtail';

const theme = createMuiTheme({  
  typography: {
    fontFamily: 
      '"Yellowtail", cursive',
  },
});

class App extends Component {
  render() {
    return (
      <MuiThemeProvider theme={theme}>
        <Header />
        <AppBody />
        <Footer />       
      </MuiThemeProvider>
    );
  }
}

export default App;