Question

您好我有一个客户，他的标识是RP，但是＆＃39; R＆＃39;面对另一条路。我被问到是否可以显示RP＆＃39;每次在网站上提及的内容都与她的徽标相同，而不是RP＆＃39;。

我最初的想法是不可能的，但是我在标题中使用了类似方式的字体 - 真棒图标，但从未使用过图像。这是我用photoshop的一个例子。

图片链接：http://imageshack.com/a/img537/4474/guj5uS.jpg

我非常谨慎使用这种方法，因为它必须做出响应等等，老实说，我认为它比它的价值更麻烦，但也许我错过了一个简单的css技巧...... / p>

非常感谢您的帮助。

非常感谢

Answer 1

如果您可以与平面设计师联系，那么设计师可以使用＆＃34; RP＆＃34;为您制作svg图像。如果您没有专业软件，那么您可以使用在线字体转换器轻松转换为字体。

并插入您在网站上创建的costum字体，就像插入字体真棒和/或所有其他图标字体一样。

就像这样简单......没有别的东西需要做，但总是如果＆＃34; RP＆＃34;是svg格式（如果你有一个图形设计师，或者你的客户可以给你svg格式的RP徽标）。

Answer 2

最简单的方法是使用图像并使用CSS将其缩放到合适的大小。为了获得缩放尺寸的最佳质量，您可以创建SVG格式的图像（有用于将其他图像格式转换为SVG的在线工具，但理想情况下，您应该使用由设计徽标的艺术家创建的SVG文件）。如果您需要担心不支持SVG的旧浏览器（IE 8及更早版本），您可以在服务器中设置内容协商，以便将SVG发送给现在的浏览器，以便向其他人宣布SVG支持和PNG。但只使用SVG：

＆＃13;

<p style="font-family: Times New Roman">This is example text that
contains the logo
<img src="http://www.cs.tut.fi/~jkorpela/upload/RP.svg"
alt=RP style="height: 0.7em">
as an embedded SVG image. The height of the image is set to
0.7em without setting width. This means that browsers will scale
the image <img src="http://www.cs.tut.fi/~jkorpela/upload/RP.svg"
alt=RP style="height: 0.7em"> so
that is roughly of the same height as uppercase letters
and does not disturb line spacing.</p>

＆＃13;

如何插入图像使其出现在段落文本中而不会弄乱行高等

2 个答案: