typography

Drop cap with NSAttributedString

为君一笑 提交于 2019-11-30 05:50:28
问题 I would like to do a drop cap first character in a UILabel using the attributedText NSAttributedString property only. Like this: (source: interpretationbydesign.com) I have experimented with adjusting the base line for the range of the first character to a negative value, and it works for aligning the top of the first char with the top of the rest of the first line. But I have not found any way to make the other lines flow to the right of the drop capped character. Can this be solved using

Is it possible to have text-overflow: ellipsis without white-space: nowrap?

廉价感情. 提交于 2019-11-30 04:57:54
It seems that text-overflow: ellipsis is dependent on white-space: nowrap . The problem with this is that it limits the text to one line. However, what if I need to have 4 lines, and the ellipsis on the last line in the case of overflow? What it's currently doing... Lorem ipsum dolor sit amet ... What I want... Lorem ipsum dolor sit amet, consectetur adipisicing el- it, sed do eiusmod tempor incididunt ut labore et ... Unfortunately the behavior you are seeing is correct for text-overflow: ellipsis . Cross-browser support for hyphenated text is not a reality yet with CSS only, but you can see

'Segoe UI' font with font-face & local

大城市里の小女人 提交于 2019-11-30 04:52:20
I want to use the "Segoe UI" font in a website if it is installed in the user's computer. I have declared all the styles with @font-face in order to use the font-weight property to change the thickness of the font (it's a really cool feature!). The problem is that I cannot do it work with Segoe UI Bold (I think the name is wrong). Any idea? Here an example. (4) and (5) would be the same: http://jsfiddle.net/kxHQR/1/ @font-face { font-family: 'Myname'; font-style: normal; font-weight: 700; src: local('Segoe UI Bold'), local('SegoeUI-bold'), local('segoeuib'); } @font-face { font-family: 'Myname

Sentence Spacing [closed]

喜欢而已 提交于 2019-11-30 03:12:38
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 6 years ago . What is the best way to present the additional spacing that should come between sentences (using [X]HTML+CSS)? <p>Lorem ipsum. Dolor sit amet.</p> ^^ wider than word spacing Since HTML and XML both require whitespace folding, the above two spaces must behave as a single space

Fix typography in axis labels

十年热恋 提交于 2019-11-30 01:21:46
问题 Preamble: I want to create publication-grade graphics from R without postprocessing. Other researchers at my institute always perform postprocessing in a graphics software (such as Adobe Illustrator). I am hoping to avoid this. My gripe is that R doesn’t use the correct minus sign for negative numbers (especially in plot axes): plot(-20:-1, rnorm(20) + 1 : 20) (I’ve circled the offenders for your consideration.) As somewhat of a typography nerd (it’s true! Check my Careers CV!) this is

Is it possibly to keep vertical rhythm using only css?

徘徊边缘 提交于 2019-11-30 00:53:17
I'm developing a typography oriented wordpress theme[1], and I'm getting troubles with the in-line images. I can control every element and adjust it's line height, bottom margin, ecc, to keep the vertical rhythm. But since images pasted through the editor can have any height, they obviously disrupt all the following content. So the question is if it's possible using margin, padding, both or another solution, to make sure that independent of the image size it will adjust to the baseline. I know there are some alternatives like make all images turn to a multiple of the line height, that way I

What is the proper HTML entity for the “x” in a dimension?

别等时光非礼了梦想. 提交于 2019-11-29 23:28:32
Is the proper HTML entity for giving dimensions × ? I want to be semantically correct, but that begs the question, is listing a dimension as 2" x 3" even semantic? If the x represents "by", would I use the letter x or ×? In my code I've been using 2″ × 3″ , or 2″ × 3″. The non-breaking spaces are to prevent the dimension from being wrapped, as per the suggestions found in The Elements of Typographic Style Applied to the Web . × Unicode: U+00D7 MULTIPLICATION SIGN HTML: × , × CSS: \00d7 See the Wikipedia article about the multiplication sign : In mathematics, the symbol × (read as times or

BoldDays for TDateTimePicker?

雨燕双飞 提交于 2019-11-29 16:46:42
I'm using Delphi7 and I'd like to bold some days of a TDateTimePicker control. I've read that, originally, it's a descendant of TMonthCalendar , thus it should be possible. I've also found some example code, but it's in C#: http://social.msdn.microsoft.com/Forums/en/winforms/thread/03527023-694d-41ab-bffb-18c59fca1fda Please note that I don't want to use any third party DateTimePicker controls, I'd like to stay with the standard one. You are both right and wrong :-) See: http://www.experts-exchange.com/Programming/System/Windows__Programming/MFC/Q_23927552.html You are right that you can't set

What's the ideal relationship between line-height, font-size, and paragraph margin?

痴心易碎 提交于 2019-11-29 15:09:16
问题 For a long time I've noticed that adjusting line-height and adding some extra space between paragraphs both relative to the chosen font-size can make a huge impact on the readability of Web site content, but so far I have always selected ad-hoc values for these attributes. Are there any recommendations in typography, publishing, or psychology literature for how to adjust values for these properties relative to each other? 回答1: I can't post a detailed answer, I'm afraid, but I'd suggest that

Three.js 3D Text Bending

一笑奈何 提交于 2019-11-29 14:45:46
Is this still available in r69? In the process of 'rolling' my own, but before moving forward, want to make sure I have not overlooked any vital documentation or useful libraries... Try to make through this example . Look at messages in the console. <script src="js/modifiers/BendModifier.js"></script> var text = "THREE.BendModifier"; var textGeometry = new THREE.TextGeometry(text, { size: 128, height: 50, curveSegments: 4, font: "gentilis", weight: "bold", style: "normal", bevelEnabled: true, bevelThickness: 2, bevelSize: 1, }); var textMaterial = new THREE.MeshPhongMaterial({ color: 0x62254a