Question

1）我的字体未安装在用户计算机上 - ＆gt;网站看起来不好。如何在未在计算机上安装我的网站字体的计算机上强制网站看起来完全相同（强制安装或引用API）

注意：

建议放置图片的答案不受欢迎。
答案暗示谷歌字体API - 我的字体（Margot，Alef）不受支持。

2）我的网站使用bootstrap，我查看here以了解网格布局，但似乎无法使其工作。我有一个带有一些文字的背景图片，并希望我的按钮位置正好在它下面。这是我的代码

<div class="fullwidthbanner-container overlay-fix">
        <div class="top-overlay"></div>
        <div class="fullwidthbanner" data-0="background-position:0px 0px;" data-end="background-position:0px -800px;">
            <div class="col-sm-12 header-area">
                <div class="row">
                    <div class="col-sm-8 resp-center header animate animate_aft">
                        <a href="https://www.somewhere.com" class="top-download btn btn-default btn-lg">DOWNLOAD NOW</a>
                    </div>                          
                    <div class="col-sm-4 animate animate_afb">
                        <div class="phone-holder">
                            <img class="phone-in-hand" src="phone-in-hand.png" alt="some video"/>
                        </div>
                    </div>  
                </div>  
            </div>
        </div>
    </div>

Answer 1

Q1：您可以尝试在http://www.fontsquirrel.com/tools/webfont-generator中生成网络字体并嵌入我们的网站

Answer 2

使用@ font-face技术包含用户在本地没有的字体（必须将字体文件放在字体文件夹中）：

@font-face {
    font-family: "your-font-name";
    src: url(fonts/your-font-name.ttf);
 }

可以在这里阅读文档：

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

HTML＆amp; CSS：两个单独的问题渴望一个答案:)

2 个答案: