Nicht die Größe flaticon mit font-size

Ich bin mit Flaticon für eine website, die ich entwickle, aber es scheint etwas falsch und ich kann nicht herausfinden, was.

Ich die zip-Datei heruntergeladen von flaticon mit der option "icon-font".
also ich habe Sie in meinem font-Ordner, aber aus irgendeinem Grund, wenn ich einen link der css und ein <i class="flaticon-crowd"><i> in meinem html bekomme ich das Symbol in der Standard-Größe, aber wenn ich font-size:70px; in der css wird es nicht größer.

Kann ich tun color: #f00; und der text wird rot, so ist es nicht die selector.
Auch in den def-tools in chrome zeigen, dass die 70px font-size verwendet wird und nicht überstimmt werden.

Weiß jemand, was es sein könnte, das dieses problem verursacht ?

vielen Dank für Ihre Zeit.

Hier ist ein Beispiel des html benutze ich

<!DOCTYPE html>
<html>
    <head>
        <!-- flaticon -->
        <link rel="stylesheet" type="text/css" href="assets/css/flaticon/flaticon.css">

        <title></title>
    </head>
    <body>
        <i style="font-size: 70px" class="flaticon flaticon-crowd"></i>
    </body>
</html>
  • Ich habe schon Beispiele gesehen, die font-size aber ich habe auch versucht mit Größe und Höhe, aber es hatte keinen Einfluss auf das Symbol in irgendeiner Weise. Es gibt auch keinen Weg, um dies zu erschaffen. es ist bauen in die Seite und es ist einfach passiert. Ich nicht anfangen zu denken, es könnte mir Zusammenstößen mit etwas ielse.
  • Ich habe gerade ein code-Beispiel. in dieser situation funktioniert es nicht. auch als Staat in die OP-ich habe die fonticon zip. Auch den Anweisungen gefolgt, wie Sie der Seite hinzuzufügen. Auf anderen Webseiten verwendet wird es mit font-Größe so wie ich es heruntergeladen als fonticon ich gehe davon aus, dass es als Schrift und nicht als etwas anderes
  • OK...hast du irgendwelche CSS...wie die @font-face - Anweisung zum laden der schriftart. Heck, tun Sie hava link zu einem live-Seite können wir schauen...vielleicht würde das auch einfacher?
InformationsquelleAutor Controvi | 2015-08-13
  1. 9

    Diese Klasse in deine css die Schriftgröße ändern.

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { 

font-size: 150px; 

}

    Hoffe es löst dein Problem.

    • Guter Punkt und gerade versucht, aber hat nicht funktioniert. es gibt einige websites, die ich kenne verwenden Sie es und verwenden Sie font-size auf. So ist es 'sollte' funktionieren, aber ich habe keine Ahnung, was ich falsch mache
    • Habe ich geändert, die Antwort. diese eine habe ich überprüft. seine Werke in meiner Seite.
    • es funktionierte wie ein Charme. Es ist ziemlich seltsam, dass es nicht funktioniert mit den normalen Klassen und font-sizing Danke für die Hilfe!
    • cool. willkommen 🙂
    InformationsquelleAutor Hasan Tareque
  2. 10

    Eine bessere Lösung wäre:

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 1em;

}

    Dann die Größe der Icons kann geändert werden, indem Sie andere Klassen mit font-size

    • Stellen Sie sicher, dass Ihr stylesheet importiert, nachdem die flaticon ein.
    InformationsquelleAutor Roger
  3. 1

    Dieser arbeitete für mich:

    .flaticon-fast46::before{
font-size: 40px;}
    InformationsquelleAutor Aleksa
  4. 0

    sicher könnte man hinzufügen !important zu Ihrer css-Deklaration

    Zum Beispiel:

    font-size:100px !important;
    • Sache ist, dass es nicht überschrieben wird. Aber ich habe versucht, mit der !wichtig, aber leider nichts getan.
    • fortawesome.github.io/Font-Awesome
    • Ich bin aber nicht einige der Icons, die ich brauche. 😉
    InformationsquelleAutor Nabi
  5. 0

    Verwenden Sie die pseudo-Klasse :bevor Sie auf das Symbol ändern, wie Sie wollen. Bewerben können Sie alle text-Eigenschaften von css zum ändern der icons.

    .flaticon-crowd:before {
    font-size: 17px;
}
    InformationsquelleAutor rubikcube
  6. 0

    Löschen Sie einfach die 'font-size: 20px;' in den flaticon.css-Datei und dann werden Sie in der Lage, die Größe, die Sie wollen in Ihrem css-Datei.

    • Dieser funktioniert. Eine bessere Lösung wäre, um es auf auto mit einem zweiten stylesheet mit der höheren Priorität, also können Sie fortfahren, um kopieren Sie den ihrigen bei, wenn Sie Sie Bearbeiten
    InformationsquelleAutor Ingridk
  7. 0

    In flaticons.css ändern der Standard-Klasse in dieser:

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: "Flaticon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    InformationsquelleAutor ecmedia
  8. 0

    Es ist Für mich Gearbeitet. Hinzufügen :before nach der element-Klasse, die Sie verwenden möchten, für die icons.

    span:before{
font-size: 50px;
}
    InformationsquelleAutor Baqi Aman
  9. 0

    die flaticon.css-Datei enthält eine Zeile, die angibt, wie
    font-size: 20px;
    dies gilt über alle flat icons. Sie können diesen Eintrag löschen, um frei zu Bearbeiten, einzelne Symbole, oder Sie können massenzukopieren eine bevorzugte icon-Größe in dieser gleichen Linie, die sich in alle icons.

    InformationsquelleAutor Michael Nchendia
Schreibe einen Kommentar