Tag: 字体

使用jquery / css精确地垂直对齐sans-serif字体: 我试图将sans-serif标题与其他div-Elements中的菜单元素精确对齐，所以基本上这样：头 ABC 其中A与标题的左端对齐，C与右端对齐。我使用float来分配-Elements，我计算字体大小以使标题适合div宽度。问题是我使用的是无衬线字体。问题在小提琴中得到certificate http://jsfiddle.net/ksuTQ/2/ HEADER HEADER A B C JScript中 resizeHead(“#Hideheader”, “#header”); function resizeHead(p1, p2) { var fontsize = parseFloat($(p1).css(“font-size”)); var spacing = parseFloat($(p1).css(“letter-spacing”)); var initWidth = $(p1).width(); initWidth = initWidth – spacing; var outWidth = $(p2).width(); var s = outWidth / initWidth; s = fontsize * s; $(p2).css({ “font-size”: s […]

Chrome中的Jquery字体大小动画问题，太滞后了: 我开发了一个小脚本，使用Jquery和animate（）函数制作类似于它们的文本。在IE和FireFox中一切都运行良好但在Chrome上非常滞后，就像它丢失帧一样。您可以在这里测试并使用代码： http ：//jsbin.com/ehahoc/7/ 非常感谢！

创建字体预览: 我正在使用类型设计师的网站上工作。他不想在字体经销商处使用他的字体，并希望人们在他的网站上购买自己的字体。他想要一个显示实时字体的网络应用程序，并且还允许人们输入输入框以使用该字体生成自己的单词。就像myfonts和其他字体网站一样。我怎样才能做到这一点？如果可能的话，JavaScript / jQuery，或PHP。

jquery在IE中获取css属性font-weight返回数字而不是’bold’: 我正在尝试使用最新的jquery获取属性的字体权重，在某种程度上无法在IE中工作…在IE开发工具栏控制台上 – $(‘#ctl00_ContentPlaceHolder1’).css(‘font-weight’) 回报 700！我检查了源代码…无法看到样式格式的任何问题。在FF工作。

Raphael JS中的动画字体大小是否有流畅的过渡可能性？: 到目前为止它似乎不流利，但波涛汹涌。例如，如果您有一个font-size：14的状态属性，并希望使用font-size：16设置动画状态，则转换看起来并不平滑。它分两步跳。首先更改为15然后更改为16px。可以强迫它看起来更顺畅吗？我正在使用Firefox 14进行测试。我目前的代码： var fillerText = { “fill” : “#00738f”, “font-size”: 14, “font-family”: “Arial, Helvetica, sans-serif” } var fillerTextHover = { “fill” : “#00738f”, “font-size”: 16, “font-family”: “Arial, Helvetica, sans-serif”, “cursor”: “pointer” } text.hover(function () { text.animate(fillerTextHover, 500); }, function () { text.animate(fillerText, 500); } );

使用jQuery动画CSS不透明度淡化和@ font-face为Internet Explorer提供了非常丑陋的字体渲染？: 我正在开发一个HTML / CSS / jQuery网站，试图像Flash网站一样。我不得不使用@ font-face来获得所需的字体。客户端也希望淡入文本和内容（因此它看起来像Flash文件）。问题是，在Internet Explorer中，字体看起来是锯齿状和丑陋的。我的字体CSS的CSS看起来像这样： @font-face { font-family: ‘SansumiRegular’; src: url(‘../fonts/Sansumi-Bold.eot’); src: local(‘Sansumi Regular’), local(‘Sansumi-Bold’), url(‘../fonts/Sansumi-Bold.ttf’) format(‘truetype’);} …来自： http ： //www.fontsquirrel.com/fontface/generator 淡入淡出的jQuery是这样的： $(‘#site’).css({opacity: ‘0.0’}); … preloads the images with jQuery, and at callback do fade… $(‘#site’).animate({opacity: ‘1.0’}, 1000); 基本上，没有办法解决我需要使用特定字体（不是标准的网络字体）的事实，我必须使用某种淡入淡出技术才能“看起来像Flash文件”。这在Firefox，Safari，Chrome中看起来都很棒……但在IE中它看起来很垃圾 – 所有的锯齿状，几乎不可读。环顾四周后，我发现这个jQuery插件旨在处理IE中的ClearType问题： http ： //allcreatives.net/2009/12/05/jquery-plugin-ie-font-face-cleartype-fix/ …但我感觉这是因为这导致了字体的问题。也许是因为IE不支持opacity CSS命令？ […]

用于生成多色文本的jQuery插件，可在hover时更改颜色: 我想为各种链接生成多色文本，从预先指定的颜色数组中随机分配颜色到单个字母，这将在文本中将鼠标hover在div上时发生变化。我在想一个jQuery插件/脚本将是要走的路。我想知道是否存在这样的插件或近似的插件。谢谢，缺口

字体系列中的第三个字体明显更大: 对于我的网站，我选择在我的字体系列中使用一些非常模糊的字体。最着名的字体（家庭中的第3个）是Century Gothic，大多数计算机都有。 font-family:Tw Cen MT,Gill Sans,Century Gothic,sans-serif; 问题是世纪哥特式的12px字体远远大于Tw Cen MT＆Gill Sans的12px字体。如果一台计算机落后于Century Gothic，那么字体就会变得一团糟。我需要一个Jquery解决方案，说世纪哥特式的字体大小是正常值的75％。我不需要它来检测字体。我只是需要它说，如果使用世纪gotchi，使字体大小为正常值的75％。有解决方案？

jQuery在hover时动画文本颜色: 使用以下代码，尝试在hover时获取字体颜色动画，类似于我的边框底色动画。更改边框底部颜色效果很好，但字体颜色似乎不会改变。这里有一个完整的例子： http ： //www.buenolisto.com/alma 。任何帮助是极大的赞赏。我也在调用jQuery UI： https ： //ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js jQuery(“li.social”).hover(function() { jQuery(this).find(“img”).stop(true, true).animate({ ‘marginTop’: “-=20px” }, ‘fast’); }, function() { jQuery(this).find(“img”).stop(true, true).animate({ ‘marginTop’: “+=20px” }, ‘fast’); }) jQuery(“li.reservas”).hover(function() { jQuery(this).find(“img”).stop(true, true).fadeOut({ ‘marginTop’: “-=30px” }, ‘slow’); }, function() { jQuery(this).find(“img”).stop(true, true).fadeIn({ ‘marginTop’: “+=30px” }, ‘slow’); }) jQuery(“ul.menu li”).hover(function() { jQuery(this).find(“a”).stop(true, true).animate({ ‘borderBottomColor’: […]

HTML5canvas中的中心（比例字体）文本: 我希望能够在我可以计算的矩形区域中居中单行文本。我期望在canvas上的二维几何中做的一件事是将宽度未知的东西居中。我听说作为一种解决方法，您可以在HTML容器中创建文本，然后调用jQuery的width（）函数，但是我没有正确处理文档正文的瞬间添加？并得到宽度为0。如果我有一行文本，比填充屏幕中的大部分宽度短得多，我如何知道在我知道的字体大小的canvas上有多宽？ TIA，