Question

所以我已经开始了一个个人简历网站，我偶然发现了一些非常酷的东西：字体很棒，它提供了文本形式的图形，允许你通过CSS添加字体效果。我的问题是，在我试图改变字体大小之前，一切都很好，无论出于何种原因，它都不会改变。你有什么想法？我也是新手，我已经阅读了如何发帖，但如果我做错了请告诉我。

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

.toggle_menu{
    position: fixed;
    padding: 15px 20px 15px 15px;
    margin-top: 70px;
    color: white;
    cursor: pointer;
    background-color: #648B79;
    z-index: 1000000;
    font-size: 8em;
}    

<!DOCTYPE html>
<html>
<head>
    <!-- Stylesheets -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- Fonts -->
    <link href='https://fonts.googleapis.com/css?
family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
    <!-- Scripts -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/menu.js"></script>
    <script src="https://use.fontawesome.com/53686df37f.js"></script>
    <title>Joseph Kuzera</title>
</head>
<body>
    <i class="fa fa-bars toggle_menu"></i>
</body>
</html>

Answer 1

图标由import paramiko ssh = paramiko.SSHClient() ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy()) ssh.connect(sftp_server, username=sftp_login, password=sftp_password) stdin, stdout, stderr = ssh.exec_command("xwd -out screenshot.xwd -root -display :0.0") stdin, stdout, stderr = ssh.exec_command("convert screenshot.xwd screenshot22.jpg") sftp = ssh.open_sftp() transport = paramiko.Transport((sftp_server, sftp_port)) transport.connect(username = sftp_login, password = sftp_password) sftp = paramiko.SFTPClient.from_transport(transport) sftp.get("screenshot22.jpg", 'screenshot22.jpg', None) sftp.close() ssh.close()上的:before个伪元素制作，因此，如果您定位.fa而不是:before，则会直接显示图标：

.fa

Answer 2

这不是调整字体 - 真棒图标大小的首选方法..我不确定是否可以使用font-size完成。根据font-awesome示例页面：

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

http://fontawesome.io/examples/

Answer 3

这是重新调整字体大小的一种方法。但是，如果这些尺寸都没有你想要的东西呢？那么你需要使用font-size。

您的字体大小无法渲染的原因是因为.fa class上有font-size:inherit;。这就是它被覆盖的原因。http://jsfiddle.net/1Lf0rowp/43/

但是，上面的代码效率更高，因为它们内置了字体大小来处理类。

如何在使用字体真棒时更改字体大小？

3 个答案: