标签: typography

重新定义Emacs中的"句子"?(句子之间的单个空格,但忽略缩写)

我希望能够在Emacs(Ma,Me)中逐句导航.这是问题所在:默认情况下,Emacs期望每个句子用两个空格分隔,而我习惯于只放一个空格.当然,可以关闭该设置,以允许仅由单个空格分隔的句子,如下所示:

(setq sentence-end-double-space nil)   
Run Code Online (Sandbox Code Playgroud)

但是后来Emacs认为句子在带有句号(".")的缩写后结束,例如在"......一个奇怪的命令,例如foo ......"之后.

因此,有没有一种方法来定义句末项变量,以便它将[.!?]计为标记句子的结尾,iff后面是一个或多个空格后跟一个大写字母[ AZ]?

并且...也允许[.!?]标记句子的结尾,如果后跟零或多个空格后跟"\"?[后一种情况的原因是编写LaTeX代码:其中一个句子后跟一个LaTeX命令,如\ footnote {},例如"......所以我们可以看到这一点被证明了.\ footnote {在某些替代世界,至少.}"]

我试着玩弄句末的定义,并提出:

(setq sentence-end "[.!?][]'\")}]*\\(\\$\\|[ ]+[A-Z]\\|[ ]+[A-Z]\\| \\)[
 ;]*")
Run Code Online (Sandbox Code Playgroud)

但这似乎根本不起作用.

有什么建议?

regex emacs nlp typography punctuation

15
推荐指数
1
解决办法
2060
查看次数

CSS - 'Open Sans' 字体

我在 IE 和 Edge 浏览器中使用本地 .css 文件中定义的“Open Sans”字体时遇到问题。

打开-sans.html:

<html>
    <head>
        <meta charset="utf-8">
        <!--link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'-->
        <link href='open-sans.css' rel='stylesheet' type='text/css'>
        <style type="text/css">
            * {
                font-family: 'Open Sans';
                font-style: normal;
                font-size: 13px;
            }
            .light { 
                font-weight: 300;
            }
            .regular { 
                font-weight: 400;
            }
            .semibold { 
                font-weight: 600;
            }
        </style>
    </head>
    
    <body>
        <p class="light">Lorem ipsum dolor sit amet...</p>
        <p class="regular">Lorem ipsum dolor sit amet...</p>
        <p class="semibold">Lorem ipsum dolor sit amet...</p>
    </body>
    
</html>
Run Code Online (Sandbox Code Playgroud)

在 Chrome 或 FF 中,我看到正确的字体(本地我没有安装“Open Sans”;操作系统 - Windows 10)...在 …

html css fonts typography

15
推荐指数
2
解决办法
12万
查看次数

如何使用jQuery增加字体大小的变化?

嗨我想用jQuery逐步改变页面的字体大小我该怎么做?

就像是:

$('body').css({'font-size':'+.01px'});
$('body').css({'font-size':'-.01px'});
Run Code Online (Sandbox Code Playgroud)

css jquery typography

14
推荐指数
3
解决办法
4万
查看次数

是否有可能出现文本溢出:没有空格的省略号:nowrap?

这似乎text-overflow: ellipsis取决于white-space: nowrap.这个问题是它将文本限制为一行.但是,如果我需要有4行,并且在溢出的情况下最后一行的省略号怎么办?

它目前在做什么......

Lorem ipsum dolor sit amet ...
Run Code Online (Sandbox Code Playgroud)

我想要的是...

Lorem ipsum dolor sit amet, 
consectetur adipisicing el-
it, sed do eiusmod tempor  
incididunt ut labore et ...
Run Code Online (Sandbox Code Playgroud)

css typography css3

14
推荐指数
1
解决办法
4265
查看次数

有没有办法自动控制HTML文档中的孤立单词?

我想知道是否有办法自动控制 HTML文件中的孤立单词,可能是通过使用CSS和/或Javascript(或其他东西,如果有人有其他建议).

通过'孤儿词',我的意思是在段落末尾出现在新行上的单数词.例如:

"This paragraph ends with an undesirable orphaned
word."

相反,最好让段落中断如下:

"This paragraph no longer ends with an undesirable
orphaned word."

虽然我知道我可以通过&nbsp;在最后两个单词之间放置一个HTML不间断空格()来手动纠正这个问题,但我想知道是否有办法自动化这个过程,因为像这样的手动调整对于大块来说很快就会变得乏味跨多个文件的文本.

顺便说一句,CSS2.1属性orphans(和widows)仅适用于整行文本,甚至仅适用于HTML页面的打印(更不用说这些属性在很大程度上不受大多数​​主流浏览器的支持).

许多专业的页面布局应用程序,例如Adobe InDesign,可以通过自动添加孤立发生的非破坏空间来自动删除孤儿; 是否有任何类型的HTML等效解决方案?

html javascript css typography

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

如何防止文本阴影重叠前一行的文本

是否可以防止text-shadow同一元素内的文本重叠(例如a h1)?请看下面一个夸张的示例图片 - 在我的用例中我希望文本非常明亮的白色,但是阴影重叠并导致模糊的灰色区域.

令人讨厌的文本阴影重叠的示例

我在这里做了一个简化的测试用例来演示:http://codepen.io/approach/pen/LgaIe

注意:我故意用一个小的line-height来突出这个问题

html css typography css3

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

IE9文本渲染问题 - 字母上的尾巴被切断

我遇到了一个问题 - 在IE9标准模式下 - IE9以这样的方式呈现文本,即降序字母上的尾部 - "q,p,y"等 - 消失.尝试过使用填充和其他常见的CSS设置来帮助解决这个问题,但到目前为止我没有运气.

谁知道这可能是什么?

css fonts typography internet-explorer-9

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

传统的前导和CSS线高

CSS规范规定,应通过将指定值除以2并将结果应用于文本行的上方和下方来将行高应用于文本.

这与传统的领先理解有很大不同,这通常意味着间距仅在文本行上方"添加".(我知道这不是100%正确,因为实际行高不会增加空间,而是设置行的高度;但是,通过这种方式描述问题更简单).

考虑这个示例标记:

<!DOCTYPE html>
<html>
    <head>

    <style type="text/css">
    p
        {
        margin:0;
        font-size: 13pt;
        line-height: 15pt;
        }
    h1
        {
        margin:0;
        font-size: 21pt;
        line-height: 30pt;
        }
    </style>

    </head>
    <body>

    <h1>Title</h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
    <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many …
Run Code Online (Sandbox Code Playgroud)

css typography

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

你能为webfonts指定表格衬里数字吗?

由于可以指定衬里和旧式数字,我希望浏览器支持带有webfonts的表格数字?##

  • 左:默认数字
  • 右:所需的表格数字(注意等宽)

在此输入图像描述

字体:Brandon Grotesque

相关:有没有办法在CSS中指定文本的使用或标题数字?

css typography css3 fixed-width monospace

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

如何正确对齐html/css中的首字下沉?

好吧,我有以下问题:我需要一个动态解决方案(不知道文本,产生字体大小等),以典型地正确对齐一个下降帽.正确的意思是:下降帽的帽高度线应与段落的帽高度线相同.

打字正确对齐的降落帽

例如:ZŽẐ应该都与它们的上部水平条对齐.虽然我已经看到了这个问题的一些(错误的)解决方案(它们对齐整体高度因此看起来很糟糕,有重音,dieresis等),我没有看到任何正确的解决方案.

我设法做了这个html/css

有人知道吗?

PS:它可以工作,如果我找到一些方法来一致地将dropcap的基线与段落的第二行的基线对齐,因为从那里可以使用font-size的%-modifier完成.不幸的是,我也不知道如何归档这个.

这是一个可以玩的东西:

p.cap {
    text-indent: 0;
    font-size: 125%;
    line-height: 125%;
    text-align: justify;
}

p.cap:first-letter {
    display: inline-block;
    float: left;
    font-size: 230%;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/s856R/

html css typography

13
推荐指数
1
解决办法
4076
查看次数